@charset "utf-8";

@font-face {

    font-family: "iconfont";

    /* src: url('./../font/iconfont/iconfont.eot?t=1497855280632');

    src: url('./../font/iconfont/iconfont.eot?t=1497855280632#iefix') format('embedded-opentype'), url('./../font/iconfont/iconfont.woff?t=1497855280632') format('woff'), url('./../font/iconfont/iconfont.ttf?t=1497855280632') format('truetype'), url('./../font/iconfont/iconfont.svg?t=1497855280632#iconfont') format('svg') */
}


.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}


.icon-next:before {

    content: "\e601"

}


.icon-next2:before {

    content: "\e636"

}


.icon-prev2:before {

    content: "\e637"

}


.icon-prev1:before {

    content: "\e648"

}


.icon-next1:before {

    content: "\e655"

}


.icon-prev:before {

    content: "\e606"

}


.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent
}


.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0
}


.slick-list:focus {

    outline: none
}


.slick-list.dragging {

    cursor: pointer;

    cursor: hand
}


.slick-slider .slick-track,
.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)
}


.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block
}


.slick-track:before,
.slick-track:after {

    display: table;

    content: ''

}


.slick-track:after {

    clear: both
}


.slick-loading .slick-track {

    visibility: hidden
}


.slick-slide {

    float: left;

    height: 100%;

    min-height: 1px
}


.slick-slide:not(:first-child) {

    display: none
}


[dir='rtl'] .slick-slide {

    float: right
}


.slick-slide img {

    display: block
}


.slick-slide.slick-loading img {

    display: none
}


.slick-slide.dragging img {

    pointer-events: none
}


.slick-initialized .slick-slide {

    display: block
}


.slick-loading .slick-slide {

    visibility: hidden
}


.slick-vertical .slick-slide {

    display: block;

    height: auto
}


.slick-arrow.slick-hidden {

    display: none
}


.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    z-index: 1
}


.swiper-container-no-flexbox .swiper-slide {

    float: left
}


.swiper-container-vertical > .swiper-wrapper {

    -webkit-box-orient: vertical;

    -moz-box-orient: vertical;

    -ms-flex-direction: column;

    -webkit-flex-direction: column;

    flex-direction: column
}


.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box
}


.swiper-container-android .swiper-slide,
.swiper-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate(0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)
}


.swiper-container-multirow > .swiper-wrapper {

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap
}


.swiper-container-free-mode > .swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -ms-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto
}


.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex: 0 0 auto;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative
}


.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {

    height: auto
}


.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

    -webkit-transition-property: -webkit-transform, height;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform, height
}


.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000
}


.swiper-wp8-horizontal {

    -ms-touch-action: pan-y;

    touch-action: pan-y
}


.swiper-wp8-vertical {

    -ms-touch-action: pan-x;

    touch-action: pan-x
}


.swiper-button-next,
.swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    -moz-background-size: 27px 44px;

    -webkit-background-size: 27px 44px;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat
}


.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none
}


.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    left: 10px;

    right: auto
}


.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}


.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}


.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    right: 10px;

    left: auto
}


.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}


.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}


.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    -webkit-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 10
}


.swiper-pagination.swiper-pagination-hidden {

    opacity: 0
}


.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%
}


.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2
}


button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    box-shadow: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -webkit-appearance: none;

    appearance: none
}


.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer
}


.swiper-pagination-white .swiper-pagination-bullet {

    background: #fff
}


.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff
}


.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff
}


.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000
}


.swiper-container-vertical > .swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    -o-transform: translate(0, -50%);

    -ms-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)
}


.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 5px 0;

    display: block
}


.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px
}


.swiper-pagination-progress {

    background: rgba(0, 0, 0, .25);

    position: absolute
}


.swiper-pagination-progress .swiper-pagination-progressbar {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    -moz-transform-origin: left top;

    -ms-transform-origin: left top;

    -o-transform-origin: left top;

    transform-origin: left top
}


.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

    -webkit-transform-origin: right top;

    -moz-transform-origin: right top;

    -ms-transform-origin: right top;

    -o-transform-origin: right top;

    transform-origin: right top
}


.swiper-container-horizontal > .swiper-pagination-progress {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0
}


.swiper-container-vertical > .swiper-pagination-progress {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0
}


.swiper-pagination-progress.swiper-pagination-white {

    background: rgba(255, 255, 255, .5)
}


.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

    background: #fff
}


.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

    background: #000
}


.swiper-container-3d {

    -webkit-perspective: 1200px;

    -moz-perspective: 1200px;

    -o-perspective: 1200px;

    perspective: 1200px
}


.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d
}


.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10
}


.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {

    -ms-perspective: 1200px
}


.swiper-container-cube,
.swiper-container-flip {

    overflow: visible
}


.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1
}


.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none
}


.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto
}


.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden
}


.swiper-container-cube .swiper-slide {

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%
}


.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    -moz-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0
}


.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible
}


.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0
}


.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -ms-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out
}


.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity
}


.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none
}


.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto
}


.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, .1)
}


.swiper-container-horizontal > .swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%
}


.swiper-container-vertical > .swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%
}


.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, .5);

    border-radius: 10px;

    left: 0;

    top: 0
}


.swiper-scrollbar-cursor-drag {

    cursor: move
}


.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    -moz-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    animation: swiper-preloader-spin 1s steps(12, end) infinite
}


.swiper-lazy-preloader:after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-position: 50%;

    -webkit-background-size: 100%;

    background-size: 100%;

    background-repeat: no-repeat
}


.swiper-lazy-preloader-white:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}


@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg)
    }

}


@keyframes swiper-preloader-spin {

    100% {

        transform: rotate(360deg)
    }

}


@font-face {

    font-family: Pe-icon-7-stroke;

    font-style: normal;

    font-weight: 400;

    /* src: url('./..//font/7-stroke/Pe-icon-7-stroke.eot?d7yf1v'); */
    /* src: url('./..//font/7-stroke/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('./../font/7-stroke/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('./../font/7-stroke/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('./../font/7-stroke/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg') */
}


[class*=" pe-"],
[class^=pe-] {

    position: relative;

    display: inline-block;

    font-family: Pe-icon-7-stroke;

    font-style: normal;

    font-weight: 400;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    text-rendering: auto;

    speak: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}


.pe-album:before {

    content: "\e6aa"

}


.pe-arc:before {

    content: "\e6ab"

}


.pe-back-2:before {

    content: "\e6ac"

}


.pe-bandaid:before {

    content: "\e6ad"

}


.pe-car:before {

    content: "\e6ae"

}


.pe-diamond:before {

    content: "\e6af"

}


.pe-door-lock:before {

    content: "\e6b0"

}


.pe-eyedropper:before {

    content: "\e6b1"

}


.pe-female:before {

    content: "\e6b2"

}


.pe-gym:before {

    content: "\e6b3"

}


.pe-hammer:before {

    content: "\e6b4"

}


.pe-headphones:before {

    content: "\e6b5"

}


.pe-helm:before {

    content: "\e6b6"

}


.pe-hourglass:before {

    content: "\e6b7"

}


.pe-leaf:before {

    content: "\e6b8"

}


.pe-magic-wand:before {

    content: "\e6b9"

}


.pe-male:before {

    content: "\e6ba"

}


.pe-map-2:before {

    content: "\e6bb"

}


.pe-next-2:before {

    content: "\e6bc"

}


.pe-paint-bucket:before {

    content: "\e6bd"

}


.pe-pendrive:before {

    content: "\e6be"

}


.pe-photo:before {

    content: "\e6bf"

}


.pe-piggy:before {

    content: "\e6c0"

}


.pe-plugin:before {

    content: "\e6c1"

}


.pe-refresh-2:before {

    content: "\e6c2"

}


.pe-rocket:before {

    content: "\e6c3"

}


.pe-settings:before {

    content: "\e6c4"

}


.pe-shield:before {

    content: "\e6c5"

}


.pe-smile:before {

    content: "\e6c6"

}


.pe-usb:before {

    content: "\e6c7"

}


.pe-vector:before {

    content: "\e6c8"

}


.pe-wine:before {

    content: "\e6c9"

}


.pe-cloud-upload:before {

    content: "\e68a"

}


.pe-cash:before {

    content: "\e68c"

}


.pe-close:before {

    content: "\e680"

}


.pe-bluetooth:before {

    content: "\e68d"

}


.pe-cloud-download:before {

    content: "\e68b"

}


.pe-way:before {

    content: "\e68e"

}


.pe-close-circle:before {

    content: "\e681"

}


.pe-id:before {

    content: "\e68f"

}


.pe-angle-up:before {

    content: "\e682"

}


.pe-wristwatch:before {

    content: "\e690"

}


.pe-angle-up-circle:before {

    content: "\e683"

}


.pe-world:before {

    content: "\e691"

}


.pe-angle-right:before {

    content: "\e684"

}


.pe-volume:before {

    content: "\e692"

}


.pe-angle-right-circle:before {

    content: "\e685"

}


.pe-users:before {

    content: "\e693"

}


.pe-angle-left:before {

    content: "\e686"

}


.pe-user-female:before {

    content: "\e694"

}


.pe-angle-left-circle:before {

    content: "\e687"

}


.pe-up-arrow:before {

    content: "\e695"

}


.pe-angle-down:before {

    content: "\e688"

}


.pe-switch:before {

    content: "\e696"

}


.pe-angle-down-circle:before {

    content: "\e689"

}


.pe-scissors:before {

    content: "\e697"

}


.pe-wallet:before {

    content: "\e600"

}


.pe-safe:before {

    content: "\e698"

}


.pe-volume2:before {

    content: "\e601"

}


.pe-volume1:before {

    content: "\e602"

}


.pe-voicemail:before {

    content: "\e603"

}


.pe-video:before {

    content: "\e604"

}


.pe-user:before {

    content: "\e605"

}


.pe-upload:before {

    content: "\e606"

}


.pe-unlock:before {

    content: "\e607"

}


.pe-umbrella:before {

    content: "\e608"

}


.pe-trash:before {

    content: "\e609"

}


.pe-tools:before {

    content: "\e60a"

}


.pe-timer:before {

    content: "\e60b"

}


.pe-ticket:before {

    content: "\e60c"

}


.pe-target:before {

    content: "\e60d"

}


.pe-sun:before {

    content: "\e60e"

}


.pe-study:before {

    content: "\e60f"

}


.pe-stopwatch:before {

    content: "\e610"

}


.pe-star:before {

    content: "\e611"

}


.pe-speaker:before {

    content: "\e612"

}


.pe-signal:before {

    content: "\e613"

}


.pe-shuffle:before {

    content: "\e614"

}


.pe-shopbag:before {

    content: "\e615"

}


.pe-share:before {

    content: "\e616"

}


.pe-server:before {

    content: "\e617"

}


.pe-search:before {

    content: "\e618"

}


.pe-film:before {

    content: "\e6a5"

}


.pe-science:before {

    content: "\e619"

}


.pe-disk:before {

    content: "\e6a6"

}


.pe-ribbon:before {

    content: "\e61a"

}


.pe-repeat:before {

    content: "\e61b"

}


.pe-refresh:before {

    content: "\e61c"

}


.pe-add-user:before {

    content: "\e6a9"

}


.pe-refresh-cloud:before {

    content: "\e61d"

}


.pe-paperclip:before {

    content: "\e69c"

}


.pe-radio:before {

    content: "\e61e"

}


.pe-note2:before {

    content: "\e69d"

}


.pe-print:before {

    content: "\e61f"

}


.pe-network:before {

    content: "\e69e"

}


.pe-prev:before {

    content: "\e620"

}


.pe-mute:before {

    content: "\e69f"

}


.pe-power:before {

    content: "\e621"

}


.pe-medal:before {

    content: "\e6a0"

}


.pe-portfolio:before {

    content: "\e622"

}


.pe-like2:before {

    content: "\e6a1"

}


.pe-plus:before {

    content: "\e623"

}


.pe-left-arrow:before {

    content: "\e6a2"

}


.pe-play:before {

    content: "\e624"

}


.pe-key:before {

    content: "\e6a3"

}


.pe-plane:before {

    content: "\e625"

}


.pe-joy:before {

    content: "\e6a4"

}


.pe-photo-gallery:before {

    content: "\e626"

}


.pe-pin:before {

    content: "\e69b"

}


.pe-phone:before {

    content: "\e627"

}


.pe-plug:before {

    content: "\e69a"

}


.pe-pen:before {

    content: "\e628"

}


.pe-right-arrow:before {

    content: "\e699"

}


.pe-paper-plane:before {

    content: "\e629"

}


.pe-delete-user:before {

    content: "\e6a7"

}


.pe-paint:before {

    content: "\e62a"

}


.pe-bottom-arrow:before {

    content: "\e6a8"

}


.pe-notebook:before {

    content: "\e62b"

}


.pe-note:before {

    content: "\e62c"

}


.pe-next:before {

    content: "\e62d"

}


.pe-news-paper:before {

    content: "\e62e"

}


.pe-musiclist:before {

    content: "\e62f"

}


.pe-music:before {

    content: "\e630"

}


.pe-mouse:before {

    content: "\e631"

}


.pe-more:before {

    content: "\e632"

}


.pe-moon:before {

    content: "\e633"

}


.pe-monitor:before {

    content: "\e634"

}


.pe-micro:before {

    content: "\e635"

}


.pe-menu:before {

    content: "\e636"

}


.pe-map:before {

    content: "\e637"

}


.pe-map-marker:before {

    content: "\e638"

}


.pe-mail:before {

    content: "\e639"

}


.pe-mail-open:before {

    content: "\e63a"

}


.pe-mail-open-file:before {

    content: "\e63b"

}


.pe-magnet:before {

    content: "\e63c"

}


.pe-loop:before {

    content: "\e63d"

}


.pe-look:before {

    content: "\e63e"

}


.pe-lock:before {

    content: "\e63f"

}


.pe-lintern:before {

    content: "\e640"

}


.pe-link:before {

    content: "\e641"

}


.pe-like:before {

    content: "\e642"

}


.pe-light:before {

    content: "\e643"

}


.pe-less:before {

    content: "\e644"

}


.pe-keypad:before {

    content: "\e645"

}


.pe-junk:before {

    content: "\e646"

}


.pe-info:before {

    content: "\e647"

}


.pe-home:before {

    content: "\e648"

}


.pe-help2:before {

    content: "\e649"

}


.pe-help1:before {

    content: "\e64a"

}


.pe-graph3:before {

    content: "\e64b"

}


.pe-graph2:before {

    content: "\e64c"

}


.pe-graph1:before {

    content: "\e64d"

}


.pe-graph:before {

    content: "\e64e"

}


.pe-global:before {

    content: "\e64f"

}


.pe-gleam:before {

    content: "\e650"

}


.pe-glasses:before {

    content: "\e651"

}


.pe-gift:before {

    content: "\e652"

}


.pe-folder:before {

    content: "\e653"

}


.pe-flag:before {

    content: "\e654"

}


.pe-filter:before {

    content: "\e655"

}


.pe-file:before {

    content: "\e656"

}


.pe-expand1:before {

    content: "\e657"

}


.pe-exapnd2:before {

    content: "\e658"

}


.pe-edit:before {

    content: "\e659"

}


.pe-drop:before {

    content: "\e65a"

}


.pe-drawer:before {

    content: "\e65b"

}


.pe-download:before {

    content: "\e65c"

}


.pe-display2:before {

    content: "\e65d"

}


.pe-display1:before {

    content: "\e65e"

}


.pe-diskette:before {

    content: "\e65f"

}


.pe-date:before {

    content: "\e660"

}


.pe-cup:before {

    content: "\e661"

}


.pe-culture:before {

    content: "\e662"

}


.pe-crop:before {

    content: "\e663"

}


.pe-credit:before {

    content: "\e664"

}


.pe-copy-file:before {

    content: "\e665"

}


.pe-config:before {

    content: "\e666"

}


.pe-compass:before {

    content: "\e667"

}


.pe-comment:before {

    content: "\e668"

}


.pe-coffee:before {

    content: "\e669"

}


.pe-cloud:before {

    content: "\e66a"

}


.pe-clock:before {

    content: "\e66b"

}


.pe-check:before {

    content: "\e66c"

}


.pe-chat:before {

    content: "\e66d"

}


.pe-cart:before {

    content: "\e66e"

}


.pe-camera:before {

    content: "\e66f"

}


.pe-call:before {

    content: "\e670"

}


.pe-calculator:before {

    content: "\e671"

}


.pe-browser:before {

    content: "\e672"

}


.pe-box2:before {

    content: "\e673"

}


.pe-box1:before {

    content: "\e674"

}


.pe-bookmarks:before {

    content: "\e675"

}


.pe-bicycle:before {

    content: "\e676"

}


.pe-bell:before {

    content: "\e677"

}


.pe-battery:before {

    content: "\e678"

}


.pe-ball:before {

    content: "\e679"

}


.pe-back:before {

    content: "\e67a"

}


.pe-attention:before {

    content: "\e67b"

}


.pe-anchor:before {

    content: "\e67c"

}


.pe-albums:before {

    content: "\e67d"

}


.pe-alarm:before {

    content: "\e67e"

}


.pe-airplay:before {

    content: "\e67f"

}


.slick-loading .slick-list {

    /* background: #fff url('../../../public/ui/v2/static/plugin/slick/./ajax-loader.gif') center center no-repeat */
}


@font-face {

    font-family: 'slick';

    font-weight: normal;

    font-style: normal;

    /* src: url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.eot'); */
    /* src: url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.woff') format('woff'), url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.ttf') format('truetype'), url('../../../public/ui/v2/static/plugin/slick/./fonts/slick.svg#slick') format('svg') */
}


.slick-prev,
.slick-next {

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {

    color: transparent;

    outline: none;

    background: transparent
}


.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {

    opacity: 1
}


.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {

    opacity: .25
}


.slick-prev:before,
.slick-next:before {

    font-family: 'slick';

    font-size: 20px;

    line-height: 1;

    opacity: .75;

    color: white;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}


.slick-prev {

    left: -25px
}


[dir='rtl'] .slick-prev {

    right: -25px;

    left: auto
}


.slick-prev:before {

    content: '←'

}


[dir='rtl'] .slick-prev:before {

    content: '→'

}


.slick-next {

    right: -25px
}


[dir='rtl'] .slick-next {

    right: auto;

    left: -25px
}


.slick-next:before {

    content: '→'

}


[dir='rtl'] .slick-next:before {

    content: '←'

}


.slick-dots {

    position: absolute;

    bottom: -25px;

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center
}


.slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer
}


.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: transparent
}


.slick-dots li button:hover,
.slick-dots li button:focus {

    outline: none
}


.slick-dots li button:hover:before,
.slick-dots li button:focus:before {

    opacity: 1
}


.slick-dots li button:before {

    font-family: 'slick';

    font-size: 6px;

    line-height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    content: '•';

    text-align: center;

    opacity: .25;

    color: black;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}


.slick-dots li.slick-active button:before {

    opacity: .75;

    color: black
}


body.met-navfixed {

    padding-top: 80px
}


.navbar-shadow {

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1)
}


.met-head {

    z-index: 1000
}


.met-head:not(.navbar-fixed-top) {

    position: relative
}


.head_nav_met_21_11_1 {

    min-height: 70px;

    margin-bottom: 0;

    box-shadow: none;

}


.head_nav_met_21_11_1 .met-head-user {

    margin-left: 15px
}


.head_nav_met_21_11_1.navbar-shadow {

    -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);

    -webkit-animation-duration: .7s;

    animation-duration: .7s
}


.head_nav_met_21_11_1.navbar-fixed-top .navbar-right {

    margin-right: 0
}


.head_nav_met_21_11_1 .met-logo {

    height: 80px;

    margin: 0;

    margin-left: 0;

    padding: 0;

    display: block
}


.head_nav_met_21_11_1 .met-logo img {

    max-height: 50px
}


.head_nav_met_21_11_1 .nav-item .nav-link {

    color: #333333;


    padding-right: 0;

    background: none
}


.head_nav_met_21_11_1 .dropdown.open > a,
.head_nav_met_21_11_1 .nav li a.active {

    color: #dc372b !important;
    background-color: transparent !important
}


.head_nav_met_21_11_1 .nav-item .nav-link.active:after {

    width: 100%
}


.head_nav_met_21_11_1 .nav-item .nav-link:hover:after {

    width: 100%
}


.head_nav_met_21_11_1 .nav-item .nav-link i {

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    margin-left: 5px
}


.head_nav_met_21_11_1 .nav-item .nav-link:hover i,
.head_nav_met_21_11_1 .dropdown.open > a i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    color: #dc372b;

}


.head_nav_met_21_11_1 #met-head-user-collapse {

    padding-top: 12px
}


.head_nav_met_21_11_1 #met-head-user-collapse .btn-primary {

    color: #dc372b;

    background-color: transparent;

    border: 2px solid;

    border-color: #dc372b;


    padding: 4px 10px;

    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

    transition: all .66s cubic-bezier(.17, .84, .44, 1);

    padding: .429rem 1rem
}


.head_nav_met_21_11_1 .nav-link {

    padding: .85rem 1.0rem
}


.head_nav_met_21_11_1 #met-head-user-collapse .btn-primary:hover {

    color: #ffffff;

    background-color: #dc372b;

    border-color: #dc372b;

}


.head_nav_met_21_11_1 #met-head-user-collapse .btn-success {

    color: #dc372b;


    background-color: transparent;

    border: 2px solid;

    border-color: #dc372b;


    padding: 4px 10px;

    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

    transition: all .66s cubic-bezier(.17, .84, .44, 1);

    padding: .429rem 1rem
}


@media (max-width: 767px) {

    .head_nav_met_21_11_1 .lh-logo img {

        max-width: 300px
    }


    .head_nav_met_21_11_1 #met-head-user-collapse .btn-primary,
    .head_nav_met_21_11_1 #met-head-user-collapse .btn-success {

        color: #ffffff;

        background-color: transparent;

        border: 2px solid;

        border-color: #ffffff
    }

}


.head_nav_met_21_11_1 #met-head-user-collapse .btn-success:hover {

    color: #ffffff;

    background-color: #dc372b;


    border-color: #dc372b;

}


.head_nav_met_21_11_1 .dropdown-item {

    color: #333333;
}


.head_nav_met_21_11_1 .overflow-visible {

    overflow: visible !important
}


.head_nav_met_21_11_1 .navlist-2 {

    opacity: 0;

    transform: translateY(-10%)
}


.head_nav_met_21_11_1 .navbar-toggle {

    height: 60px;

    float: right
}


.head_nav_met_21_11_1 .nav > li > a {

    color: #dc372b;

}


.head_nav_met_21_11_1 .nav > li > a i {

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out
}


.head_nav_met_21_11_1 .nav li .link.active:after {

    content: '';

    width: 100%;

    background-color: #dc372b;


    left: 0;

    position: absolute;

    top: 0;

    height: 2px;

    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

    transition: all .66s cubic-bezier(.17, .84, .44, 1);

    z-index: -1
}


.head_nav_met_21_11_1 .nav > li > .link:after {

    content: '';

    width: 0;

    background-color: #dc372b;


    left: 0;

    position: absolute;

    top: 0;

    height: 2px;

    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

    transition: all .66s cubic-bezier(.17, .84, .44, 1);

    z-index: -1
}


.head_nav_met_21_11_1 .nav > li > .link:hover:after {

    content: '';

    width: 100%;

    background-color: #dc372b;


    left: 0;

    position: absolute;

    top: 0;

    height: 2px;

    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

    transition: all .66s cubic-bezier(.17, .84, .44, 1);

    z-index: -1
}


.head_nav_met_21_11_1 .nav > li > a:hover,
.head_nav_met_21_11_1 .dropdown.open > a {

    color: #dc372b !important;

    background-color: transparent !important
}


.head_nav_met_21_11_1 .head_nav_met_21_11_1-login {

    padding-top: 15px;

    text-align: center
}


.head_nav_met_21_11_1 .dropdown-menu {
    background-color: #ffffff !important;
}


.head_nav_met_21_11_1 .dropdown-item {

}


.head_nav_met_21_11_1 .dropdown-item:hover {
}


.head_nav_met_21_11_1 .dropdown-item:hover {

    background: none
}


.head_nav_met_21_11_1 .dropdown-menu > li > a {

    overflow: hidden;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out
}


.head_nav_met_21_11_1 .dropdown-menu > li > a:hover {

    background: #f2f2f2 none repeat scroll 0 0;

    text-indent: 5px;

    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

    transition: all .66s cubic-bezier(.17, .84, .44, 1);

    color: #ffffff !important
}


.head_nav_met_21_11_1 .met-langlist {

    line-height: 38px;

    position: relative
}


.head_nav_met_21_11_1 .met-langlist a {

    line-height: 21px
}


.head_nav_met_21_11_1 .met-langlist .btn {

    color: #dc372b;


    border: 2px solid;

    border-color: #dc372b;


    padding: .429rem 1rem
}


.head_nav_met_21_11_1 .met-langlist .dropdown-menu#met-langlist-dropdown {

    min-width: 100%;

    background: #ffffff !important;

    color: #333333;

}


.head_nav_met_21_11_1 .met-langlist .btn:hover,
.head_nav_met_21_11_1 .met-langlist .btn:focus,
.head_nav_met_21_11_1 .met-langlist .btn:active {

    color: #ffffff;

    background-color: #dc372b;


    border-color: #dc372b;

}


.head_nav_met_21_11_1 .btn-outline.btn-default.active,
.head_nav_met_21_11_1 .btn-outline.btn-default:active,
.head_nav_met_21_11_1 .btn-outline.btn-default:focus,
.head_nav_met_21_11_1 .btn-outline.btn-default:hover,
.head_nav_met_21_11_1 .open > .btn-outline.btn-default.dropdown-toggle {

    color: #ffffff;

    background-color: #dc372b;


    border-color: #dc372b;


}


.head_nav_met_21_11_1 .navhover-bg,
.met-head-user .dropdown > a {
    background: transparent;
    color: #333333;
}


.head_nav_met_21_11_1 .met-head-user i {

    color: #333333;
}


.head_nav_met_21_11_1 .met-head-user .dropdown-item {

    line-height: 22px
}


.head_nav_met_21_11_1 .met-head-user .dropdown-item i {

    color: #333333;
}


.head_nav_met_21_11_1 .met-head-user .dropdown-item:hover i {

    color: #ffffff !important
}


.head_nav_met_21_11_1 .met-head-user .dropdown-item:hover {
    background: #dc372b !important;
}


@media (min-width: 768px) {

    .head_nav_met_21_11_1 .nav > li > a {

        padding: 0;

        height: 60px;

        line-height: 60px
    }


    .head_nav_met_21_11_1 .dropdown-menu {

        top: 48px;

        border-radius: 0;

        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1)
    }


    .head_nav_met_21_11_1 .dropdown-menu .dropdown-submenu > a:after {

        display: none
    }


    .head_nav_met_21_11_1 .dropdown-menu .dropdown-submenu > a i {

        position: absolute;

        right: 10px
    }


    .head_nav_met_21_11_1 .dropdown-menu.bullet {

        top: 60px
    }


    .head_nav_met_21_11_1 .head_nav_met_21_11_1-login {

        height: 60px;

        padding-top: 0;

        margin-left: 10px
    }

}


@media (max-width: 991px) {

    .head_nav_met_21_11_1 .dropdown-menu .dropdown-submenu > a:after {

        display: none
    }


    .head_nav_met_21_11_1 .dropdown-menu .dropdown-submenu > a > i {

        float: right
    }


    .head_nav_met_21_11_1 .met-logo img {

        max-height: 50px
    }


    .head_nav_met_21_11_1 .nav > li > a > i {

        float: right
    }

}


@media (max-width: 767px) {

    .head_nav_met_21_11_1 .met-head-user > li {

        width: 100%
    }


    body.met-navfixed {

        padding-top: 80px
    }


    .head_nav_met_21_11_1 .met-langlist {

        padding: 0px
    }


    .head_nav_met_21_11_1 .nav > li {

        margin-left: 0 !important
    }


    .head_nav_met_21_11_1 .dropdown-menu > li > .dropdown-menu > li > a {

        padding-left: 40px
    }


    .head_nav_met_21_11_1 .dropdown-menu.bullet:before,
    .head_nav_met_21_11_1 .dropdown-menu.bullet:after {

        display: none
    }


    .head_nav_met_21_11_1 .navbar-collapse-toolbar.in {

        overflow-y: scroll;

        -webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);

        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2)
    }


    .head_nav_met_21_11_1 .met-logo {

        float: none;

        max-width: 180px;

        margin-left: 15px
    }


    .head_nav_met_21_11_1 .navbar-collapse-toolbar {

        width: 100%;

        padding: 20px !important;

        display: block;

        border: none
    }


    .head_nav_met_21_11_1 .nav > li > a {

        padding: 10px 15px;

        line-height: 25px
    }


    .head_nav_met_21_11_1 .nav li .link.active:after {

        height: 1px;

        bottom: 0;

        top: auto;

        left: 15px
    }


    .head_nav_met_21_11_1 .nav > li > .link:after {

        height: 1px;

        bottom: 0;

        top: auto;

        left: 15px
    }


    .head_nav_met_21_11_1 .nav > li > .link:hover:after {

        height: 1px;

        bottom: 0;

        top: auto;

        left: 15px
    }


    .head_nav_met_21_11_1 .met-head-user {

        width: 100%;

        margin: 0
    }


    .head_nav_met_21_11_1 .navbar-toggler {

        color: #333333;

    }

}


.head_nav_met_21_11_1 .vertical-align:before {

    display: none
}


.head_nav_met_21_11_1 .met-nav-langlist > li {

    float: left
}


.head_nav_met_21_11_1 .met-nav-langlist {

    position: absolute;

    right: 15%;

    top: 13px
}


.head_nav_met_21_11_1 .nav-link {

    overflow: inherit
}


.head_nav_met_21_11_1 .lh-fonts {

    font-family: '宋体'

}


.head_nav_met_21_11_1 .left {

    float: left
}


.head_nav_met_21_11_1 .right {

    float: right
}


.head_nav_met_21_11_1 .lh-flex {

    display: flex;

    display: -webkit-flex;

    flex-direction: row;

    -webkit-flex-direction: row;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap
}


.head_nav_met_21_11_1 blockquote,
.head_nav_met_21_11_1 body,
.head_nav_met_21_11_1 button,
.head_nav_met_21_11_1 dd,
.head_nav_met_21_11_1 dl,
.head_nav_met_21_11_1 dt,
.head_nav_met_21_11_1 fieldset,
.head_nav_met_21_11_1 form,
.head_nav_met_21_11_1 h1,
.head_nav_met_21_11_1 h2,
.head_nav_met_21_11_1 h3,
.head_nav_met_21_11_1 h4,
.head_nav_met_21_11_1 h5,
.head_nav_met_21_11_1 h6,
.head_nav_met_21_11_1 hr,
.head_nav_met_21_11_1 input,
.head_nav_met_21_11_1 legend,
.head_nav_met_21_11_1 li,
.head_nav_met_21_11_1 ol,
.head_nav_met_21_11_1 p,
.head_nav_met_21_11_1 pre,
.head_nav_met_21_11_1 td,
.head_nav_met_21_11_1 textarea,
.head_nav_met_21_11_1 th,
.head_nav_met_21_11_1 ul {

    margin: 0;

    padding: 0
}


.head_nav_met_21_11_1 h1,
.head_nav_met_21_11_1 h2,
.head_nav_met_21_11_1 h3,
.head_nav_met_21_11_1 h4,
.head_nav_met_21_11_1 h5,
.head_nav_met_21_11_1 h6 {

    font-size: 100%
}


.head_nav_met_21_11_1 ul,
.head_nav_met_21_11_1 dl,
.head_nav_met_21_11_1 li,
.head_nav_met_21_11_1 dt,
.head_nav_met_21_11_1 dd {

    list-style: none
}


.head_nav_met_21_11_1 .lh-header {

    width: 100%;

    height: 70px;

    background: #ffffff;


    box-shadow: 0 0 10px 0 rgba(155, 143, 143, 0.6);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2000
}


.head_nav_met_21_11_1 .lh-logo {

    position: absolute;

    left: 5.7vw;
}


.head_nav_met_21_11_1 .lh-logo img {

    max-height: 70px
}


.head_nav_met_21_11_1 .lh-map-btn {
    position: absolute;
    right: 5.7vw;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border: 2px solid;
    border-color: #dc372b;
    cursor: pointer
}

.head_nav_met_21_11_1 .lh-map-btn span {
    display: block;
    width: 16px;
    height: 2px;
    background: #dc372b;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -1px;
    transition: ease .45s
}

.head_nav_met_21_11_1 .lh-map-btn span:before {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    background: #dc372b;
    position: absolute;
    right: 0;
    top: -8px;
    transition: ease .45s
}


.head_nav_met_21_11_1 .lh-map-btn span:after {

    content: '';

    display: block;

    width: 22px;

    height: 2px;

    background: #dc372b;


    position: absolute;

    right: 0;

    top: 8px;

    transition: ease .45s
}


.head_nav_met_21_11_1 .lh-map-btn:hover span {

    width: 22px
}


.head_nav_met_21_11_1 .lh-map-btn:hover span:before {

    width: 16px
}


.head_nav_met_21_11_1 .lh-map-btn:hover span:after {

    width: 10px
}


.head_nav_met_21_11_1 .lh-header-nav {

    position: absolute;

    right: 11vw
}


.head_nav_met_21_11_1 .lh-header-nav li {

    float: left;

    padding: 0 20px;

    height: 70px;

    text-align: center;

    border-left: 1px solid #efefef;

    position: relative
}


.head_nav_met_21_11_1 .lh-header-nav li:first-child {

    border: none
}


.head_nav_met_21_11_1 .lh-header-nav li a {

    display: block;

    width: 100%;

    height: 100%;

    position: relative
}


.head_nav_met_21_11_1 .lh-header-nav li h2 {

    font-size: 16px;

    color: #333333;


    padding-top: 24px;

    transition: ease .65s;

    position: relative;

    z-index: 5
}


.head_nav_met_21_11_1 .lh-header-nav li h3 {

    color: #666666;


    text-transform: uppercase;

    transition: ease .65s;

    position: relative;

    z-index: 5
}


.head_nav_met_21_11_1 .lh-header-nav li:after {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    transition: ease .65s;

    opacity: 0;

    visibility: hidden;

    border-bottom: 2px solid #dc372b;
}
.head_nav_met_21_11_1 .lh-header-nav li span:before {

    content: '';

    display: block;

    width: 30px;

    height: 100%;

    position: absolute;

    left: -40px;

    top: 0;

    transition: ease 1s;

    transform: rotate(-35deg) translateY(-200%)
}


.head_nav_met_21_11_1 .lh-header-nav li span:after {

    content: '';

    display: block;

    width: 18px;

    height: 100%;

    position: absolute;

    right: -30px;

    top: 0;

    transition: ease 1s;

    transform: translateY(-300%)
}


.head_nav_met_21_11_1 .lh-header-nav li:hover:after,
.lh-header-nav li.active:after {

    opacity: 1;

    visibility: visible
}


.head_nav_met_21_11_1 .lh-header-nav li.active h3,
.head_nav_met_21_11_1 .lh-header-nav li.active h2,
.head_nav_met_21_11_1 .lh-header-nav li:hover h2,
.head_nav_met_21_11_1 .lh-header-nav li:hover h3,
.head_nav_met_21_11_1 .lh-header-nav li:hover h3 span,
.head_nav_met_21_11_1 .lh-header-nav li.active h2 span,
.head_nav_met_21_11_1 .lh-header-nav li:hover h2 span,
.head_nav_met_21_11_1 .lh-header-nav li.active h3 span {

    /* color: #ffffff !important */
}


.head_nav_met_21_11_1 .lh-header-nav li:hover span,
.lh-header-nav li.active span {

    transform: translateY(0)
}


.head_nav_met_21_11_1 .lh-header-nav li:hover span:before,
.lh-header-nav li.active span:before {

    transform: translateY(0)
}


.head_nav_met_21_11_1 .lh-header-nav li:hover span:after,
.lh-header-nav li.active span:after {

    transform: translateY(0)
}


.head_nav_met_21_11_1 .lh-map {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 4000;

    background: #ffffff;


    color: #fff;

    transition: ease .65s;

    transform: translateY(-100%);

    opacity: 0;

    visibility: hidden
}

/* 显示 */
.head_nav_met_21_11_1 .lh-map.on {

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

    overflow: auto
}

.head_nav_met_21_11_1 .lh-map-logo {

    width: auto;

    position: absolute;

    left: 50%;

    top: -30px;

    transform: translateX(-50%);

    background: #fff;

    z-index: 1;

    padding: 0 10px
}


.head_nav_met_21_11_1 .lh-map-logo img {

    max-height: 100px
}


.head_nav_met_21_11_1 .lh-map-nav {

    margin: 45px auto 0;

    max-height: 45vh;

    overflow: hidden
}


.head_nav_met_21_11_1 .lh-map-nav dl {

    float: left;

    flex: 1;

    padding-left: 5%;

    overflow: auto;

    max-height: 45vh
}


.head_nav_met_21_11_1 .lh-map-nav dl::-webkit-scrollbar {

    width: 5px
}


.head_nav_met_21_11_1 .lh-map-nav dl::-webkit-scrollbar-track {
}


.head_nav_met_21_11_1 .lh-map-nav dl::-webkit-scrollbar-thumb {

    background-color: #f3f3f3
}


.head_nav_met_21_11_1 .lh-map-nav dl dt a {

    font-size: 20px;

    color: #dc372b;


    position: relative
}


.head_nav_met_21_11_1 .lh-map-nav dl dt a span {

    color: #dc372b !important;
    font-size: 14px !important
}


.head_nav_met_21_11_1 .lh-map-nav dl dt {

    position: relative;

    margin-bottom: 40px;

    padding-left: 5px
}


.head_nav_met_21_11_1 .lh-map-nav dl dt a:after {

    content: '';

    display: block;

    width: 20px;

    height: 1px;

    background: #666666;


    position: absolute;

    left: 50%;

    bottom: -18px;

    margin-left: -10px;

    transition: ease .65s
}


.head_nav_met_21_11_1 .lh-map-nav dl dt i {

    display: block;

    width: 35px;

    height: 35px;

    margin: 0 auto 15px
}


.head_nav_met_21_11_1 .lh-map-nav dl dd {

    position: relative;

    transition: ease .65s;

    margin-bottom: 5px
}


.head_nav_met_21_11_1 .lh-map-nav dl dd a {

    color: #666666;


    padding: 2px 5px 2px 15px;

    display: inline-block
}


.head_nav_met_21_11_1 .lh-map-nav dl dd:before {

    content: '';

    display: block;

    width: 6px;

    height: 1px;

    background: #dc372b;


    position: absolute;

    left: 5px;

    top: 50%;

    transition: ease .65s
}


.head_nav_met_21_11_1 .lh-map-nav dl dd:hover a {

    background: #dc372b;


    color: #ffffff
}


.head_nav_met_21_11_1 .lh-map-nav dl dd:hover a span {

    color: #ffffff !important
}


.head_nav_met_21_11_1 .lh-map-nav dl dd:hover:before {

    background: #fff
}


.head_nav_met_21_11_1 .lh-map-h2 {

    font-size: 20px;

    color: #dc372b;


    letter-spacing: 5px;

    text-align: center;

    margin-top: 28px;

    height: 20px;

    line-height: 20px
}


.head_nav_met_21_11_1 .lh-map-h3 {

    color: #666666;


    text-align: center;

    margin-top: 10px;

    letter-spacing: 2px
}


.head_nav_met_21_11_1 .lh-map-cont {

    width: 100%;

    margin: auto
}


.head_nav_met_21_11_1 .lh-map-l h2 {

    font-size: 38px;

    font-weight: bold;

    color: #dc372b;


    margin: 45px 0 10px
}


.head_nav_met_21_11_1 .lh-map-l h3 {

    color: #333333;
}


.head_nav_met_21_11_1 .lh-map-l h3 a {

    color: #dc372b;
}


.head_nav_met_21_11_1 .lh-map-l h3 b {

    font-size: 36px;

    font-style: italic;

    margin: 0 5px
}


.head_nav_met_21_11_1 .lh-map-r {

    margin-top: 20px
}


.head_nav_met_21_11_1 .lh-map-r .left {

    text-align: center;

    color: #999;

    margin-left: 2.6vw
}


.head_nav_met_21_11_1 .lh-map-r .left img {

    max-width: 150px;

    box-shadow: 0 0 10px rgba(12, 3, 6, .4)
}


.head_nav_met_21_11_1 .lh-map-r .left h2 {

    margin-top: 10px;

    color: #333333;

}


.head_nav_met_21_11_1 .lh-map-main {

    width: 73vw;

    margin: 8% auto 0;

    padding: 45px 5vw 30px;

    position: relative
}


@media screen and (max-width: 1440px) {

    .head_nav_met_21_11_1 .lh-map-main {

        width: 95vw
    }

}


.head_nav_met_21_11_1 .lh-map.on .lh-map-line:before {

    content: '';

    display: block;

    width: 0;

    height: 8px;

    background: #dc372b;


    position: absolute;

    right: 50%;

    top: 0;

    animation: mapLine linear 1.2s;

    animation-fill-mode: forwards
}


.head_nav_met_21_11_1 .lh-map.on .lh-map-line:after {

    content: '';

    display: block;

    width: 50%;

    height: 8px;

    background: #dc372b;


    position: absolute;

    left: 50%;

    top: 0;

    animation: mapLine linear 1.2s;

    animation-fill-mode: forwards
}


.head_nav_met_21_11_1 .lh-map.on .lh-map-line i:before {

    content: '';

    display: block;

    width: 8px;

    height: 0;

    background: #dc372b;


    position: absolute;

    left: 0;

    top: 8px;

    animation: mapLine1 linear 1.2s;

    animation-fill-mode: forwards;

    animation-delay: 1.2s
}


.head_nav_met_21_11_1 .lh-map.on .lh-map-line i:after {

    content: '';

    display: block;

    width: 8px;

    height: 0;

    background: #dc372b;


    position: absolute;

    right: 0;

    top: 8px;

    animation: mapLine1 linear 1.2s;

    animation-fill-mode: forwards;

    animation-delay: 1.2s
}


.head_nav_met_21_11_1 .lh-map.on .lh-map-line span:before {

    content: '';

    display: block;

    width: 0;

    height: 8px;

    background: #dc372b;


    position: absolute;

    left: 0;

    bottom: -8px;

    animation: mapLine linear 1.2s;

    animation-fill-mode: forwards;

    animation-delay: 2.4s
}


.head_nav_met_21_11_1 .lh-map.on .lh-map-line span:after {

    content: '';

    display: block;

    width: 0;

    height: 8px;

    background: #dc372b;


    position: absolute;

    right: 0;

    bottom: -8px;

    animation: mapLine linear 1.2s;

    animation-fill-mode: forwards;

    animation-delay: 2.4s
}


.head_nav_met_21_11_1 .lh-map-close {

    position: absolute;

    right: 8vw;

    top: 30px;

    color: #dc372b;


    font-weight: bold;

    cursor: pointer
}


.head_nav_met_21_11_1 .lh-map-close i {

    display: block;

    width: 40px;

    height: 40px;

    border: 2px solid;

    border-color: #dc372b;


    position: absolute;

    right: -50px;

    top: 50%;

    margin-top: -20px;

    transition: ease .65s
}


.head_nav_met_21_11_1 .lh-map-close i:before {

    content: '';

    display: block;

    width: 22px;

    height: 2px;

    background: #dc372b;


    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) rotate(45deg);

    transition: ease .65s
}


.head_nav_met_21_11_1 .lh-map-close i:after {

    content: '';

    display: block;

    width: 22px;

    height: 2px;

    background: #dc372b;


    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) rotate(-45deg);

    transition: ease .65s
}


.head_nav_met_21_11_1 .lh-map-close:hover i {

    border-radius: 10px
}


.head_nav_met_21_11_1 .lh-map-close:hover i:before {

    width: 26px;

    transform: translate(-50%, -50%) rotate(35deg)
}


.head_nav_met_21_11_1 .lh-map-close:hover i:after {

    width: 26px;

    transform: translate(-50%, -50%) rotate(-35deg)
}


.head_nav_met_21_11_1 .lh-map-nav dl dt a:hover:after {

    background: yellow;


    width: 100%;

    left: 0;

    margin-left: 0
}


.head_nav_met_21_11_1 .lh-moblie-nav {

    width: 60%;

    height: 100%;

    background: #dc372b;


    position: fixed;

    right: 0;

    top: 0;

    padding-top: 80px;

    transition: ease-in-out .65s;

    transform: translate3d(100%, 0, 0);

    display: none;

    z-index: -1
}


.head_nav_met_21_11_1 .lh-moblie-nav.on {

    transform: translate3d(0, 0, 0)
}


.head_nav_met_21_11_1 .lh-moblie-nav li h2 {

    height: 45px;

    line-height: 45px;

    color: #ffffff;

    font-size: 16px;

    padding: 0 20px 0 50px;

    border-bottom: 1px solid;

    border-color: #666666;


    overflow: hidden;

    position: relative;

    transition: ease .45s
}


.head_nav_met_21_11_1 .lh-moblie-nav li h2 a {

    color: #ffffff;

    font-size: 16px;

    border: none
}


.head_nav_met_21_11_1 .lh-moblie-nav li:not(:first-child) h2.active {

    border: none
}


.head_nav_met_21_11_1 .lh-moblie-nav li:not(:first-child) h2.active:before {

    background: #dc372b;

    background:

}


.head_nav_met_21_11_1 .lh-moblie-nav li:not(:first-child) h2.active i {

    transform: rotate(180deg)
}


.head_nav_met_21_11_1 .lh-moblie-nav li h2:before {

    content: '';

    display: block;

    width: 16px;

    height: 2px;

    background: #ffffff;

    position: absolute;

    left: 20px;

    top: 50%;

    transform: translateY(-50%);

    transition: ease .45s
}


.head_nav_met_21_11_1 .lh-moblie-nav li h2 i {

    position: absolute;

    right: 20px;

    top: 50%;

    display: inline-block;

    transition: ease .45s;

    width: 16px;

    height: 18px;

    line-height: 18px;

    margin-top: -9px
}


.head_nav_met_21_11_1 .lh-moblie-nav li dl {

    padding-left: 50px;

    background: #ffffff;

    display: none
}


.head_nav_met_21_11_1 .lh-moblie-nav li dl dd {

    line-height: 35px;

    border-top: 1px solid;

    border-color: #666666;


    position: relative
}


.head_nav_met_21_11_1 .lh-moblie-nav li dl dd a {

    display: block;

    padding-left: 25px;

    color: #dc372b;

}


.head_nav_met_21_11_1 .lh-moblie-nav li dl dd:before {

    content: '';

    display: block;

    width: 10px;

    height: 1px;

    background: #dc372b;


    position: absolute;

    left: 5px;

    top: 50%
}


.head_nav_met_21_11_1 .lh-moblie-nav li dl dd:first-child {

    border: none
}


@media screen and (max-width: 1399px) {

    .head_nav_met_21_11_1 .lh-header-nav li {

        padding: 0 15px
    }

}


@media screen and (max-width: 1280px) {

    .head_nav_met_21_11_1 .lh-header-nav li {

        padding: 0 10px
    }


    .head_nav_met_21_11_1 .lh-about-main {

        width: 1020px;

        padding: 40px
    }


    .head_nav_met_21_11_1 .lh-vision-bd li .text {

        padding-left: 488px
    }


    .head_nav_met_21_11_1 .lh-vision-btn {

        left: 1060px
    }


    .head_nav_met_21_11_1 .lh-partner-banner {

        width: 900px
    }


    .head_nav_met_21_11_1 .lh-footer-cont {

        width: 1000px
    }


    .head_nav_met_21_11_1 .lh-footer-l {

        width: 610px
    }

}


@media screen and (max-width: 1024px) {
    .footer {
        padding: 50px 20px !important;
    }

    .head_nav_met_21_11_1 .container {

        width: 100%;

        padding: 0 10px
    }


    .head_nav_met_21_11_1 .lh-other-container {

        padding: 40px
    }


    .head_nav_met_21_11_1 .lh-news-item li .text {

        width: 460px
    }


    .head_nav_met_21_11_1 .lh-header {

        height: 80px
    }


    .head_nav_met_21_11_1 .lh-content {

        padding-top: 50px
    }


    .head_nav_met_21_11_1 .lh-header-nav {

        display: none
    }


    .head_nav_met_21_11_1 .lh-logo {

        top: 50%;

        transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        width: 202px
    }


    .head_nav_met_21_11_1 .lh-map-btn {

        border: none
    }


    .head_nav_met_21_11_1 .lh-moblie-nav {

        display: block;

        overflow-y: scroll
    }


    .head_nav_met_21_11_1 .lh-about-h2 {

        display: none
    }


    .head_nav_met_21_11_1 .lh-wapAbout-h2 {

        display: block;

        height: 48px;

        margin: auto
    }


    .head_nav_met_21_11_1 .lh-wapAbout-h2 img {

        height: 100%;

        width: auto;

        margin: auto
    }


    .head_nav_met_21_11_1 .lh-about-main,
    .head_nav_met_21_11_1 .lh-vision-tab {

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-vision-tab {

        width: 100%
    }


    .head_nav_met_21_11_1 .lh-vision-bd li .img {

        width: 340px
    }


    .head_nav_met_21_11_1 .lh-vision-bd li.active .img {

        width: 400px
    }


    .head_nav_met_21_11_1 .lh-vision-bd li .text {

        padding-left: 380px
    }


    .head_nav_met_21_11_1 .lh-vision-btn {

        left: 960px
    }


    .head_nav_met_21_11_1 .lh-vision-bd li {

        padding: 20px 0;

        height: 200px !important
    }


    .head_nav_met_21_11_1 .lh-vision-shadow a {

        height: 200px
    }


    .head_nav_met_21_11_1 .lh-business {

        padding: 4% 0 0
    }


    .head_nav_met_21_11_1 .lh-business-item {

        width: 100%;

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-business-item li {

        padding: 50px 18px 110px;

        height: 780px
    }


    .head_nav_met_21_11_1 .lh-delicacy {

        padding: 40px 0 0;

        height: 940px
    }


    .head_nav_met_21_11_1 .lh-delicay-item {

        width: 100%;

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-delicay-btn {

        width: 50%;

        left: 50%;

        bottom: inherit;

        transform: translateX(-50%);

        top: 5px
    }


    .head_nav_met_21_11_1 .lh-delicay-btn a.prev {

        position: absolute;

        left: 0;

        top: 0
    }


    .head_nav_met_21_11_1 .lh-delicay-btn a.next {

        position: absolute;

        right: 0;

        top: 0
    }


    .head_nav_met_21_11_1 .lh-partner {

        padding: 40px 0
    }


    .head_nav_met_21_11_1 .lh-partner-h3 {

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-partner-banner {

        width: 100%
    }


    .head_nav_met_21_11_1 .lh-news {

        padding: 20px
    }


    .head_nav_met_21_11_1 .lh-news-con {

        width: 100%;

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-news-b {

        margin-top: 40px
    }


    .head_nav_met_21_11_1 .lh-footer .lh-wapAbout-h2 {

        margin-left: 280px;

        margin-bottom: 20px
    }


    .head_nav_met_21_11_1 .lh-footer.other .lh-wapAbout-h2 {

        display: none
    }


    .head_nav_met_21_11_1 .lh-footer-gz,
    .lh-footer-share {

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-footer-nav li {

        padding: 0 60px
    }


    .head_nav_met_21_11_1 .lh-copy-cont {

        padding: 0 10px;

        width: 100%
    }


    .head_nav_met_21_11_1 .lh-viewpoint-item li .text {

        width: 49%
    }


    .head_nav_met_21_11_1 .lh-viewpoint-item li:hover .img {

        transform: translate(58px, -24px)
    }


    .head_nav_met_21_11_1 .lh-viewpoint-item li:nth-child(2n):hover .img {

        transform: translate(-58px, -24px)
    }


    .head_nav_met_21_11_1 .lh-cuisineRes-cont {

        padding: 20px 10px
    }


    .head_nav_met_21_11_1 .lh-gourmet-item li {

        padding: 40px
    }


    .head_nav_met_21_11_1 .lh-gourmet-item li:nth-child(2n-1) .text {

        left: 20px
    }


    .head_nav_met_21_11_1 .lh-gourmet-item li .text {

        right: 20px
    }


    .head_nav_met_21_11_1 .lh-gourmet-item li:nth-child(2n) {

        padding: 40px 40px 40px 20px
    }


    .head_nav_met_21_11_1 .lh-history-item {

        padding: 35px 27px
    }


    .head_nav_met_21_11_1 .lh-about:before {

        width: 100%;

        background-size: cover;

        left: 0;

        bottom: 0
    }

}


@media screen and (max-width: 768px) {

    .head_nav_met_21_11_1 .lh-mobile-banner,
    .head_nav_met_21_11_1 .lh-footer.other .lh-wapAbout-h2 {

        display: block
    }


    .head_nav_met_21_11_1 .lh-banner,
    .head_nav_met_21_11_1 .lh-about-main:before,
    .head_nav_met_21_11_1 .lh-about-main:after,
    .head_nav_met_21_11_1 .lh-about-main .line:before,
    .head_nav_met_21_11_1 .lh-about-main .line:after {

        display: none
    }


    .head_nav_met_21_11_1 .swiper-hd {

        position: inherit;

        width: 100% !important;

        text-align: center;

        margin: 30px 0;

        right: inherit
    }


    .head_nav_met_21_11_1 .swiper-hd li {

        display: inline-block;

        margin: 0 15px !important;

        width: 35px;

        height: 35px
    }


    .head_nav_met_21_11_1 .swiper-hd li i {

        width: 35px;

        height: 35px;

        text-align: center;

        line-height: 35px;

        font-size: 18px
    }


    .head_nav_met_21_11_1 .swiper-hd li:before {

        width: 20px;

        height: 1px;

        left: -25px;

        top: 50%
    }


    .head_nav_met_21_11_1 .swiper-hd li:last-child:after {

        width: 20px;

        height: 1px;

        right: -25px;

        top: 50%;

        left: inherit
    }


    .head_nav_met_21_11_1 .swiper-hd li span {

        display: block;

        background: none;

        width: 30px !important;

        height: 20px;

        line-height: 20px;

        left: 50%;

        top: 40px;

        transform: translateX(-50%);

        margin-top: 0
    }


    .head_nav_met_21_11_1 .swiper-hd li span:after {

        opacity: 1 !important;

        color: #b72024 !important;

        transform: translateX(0) !important;

        left: 0 !important;

        width: 30px;

        text-align: center
    }


    .head_nav_met_21_11_1 .lh-history-item li h3 {

        line-height: 24px;

        color: #888;

        margin-top: 10px;

        height: 100%
    }


    .head_nav_met_21_11_1 .lh-about-main,
    .lh-about-l {

        width: 100%
    }


    .head_nav_met_21_11_1 .lh-about-main {

        padding: 0 10px
    }


    .head_nav_met_21_11_1 .lh-about-main .text h2 {

        font-size: 18px;

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-about-main .text h2:after {

        background: #b72024;

        opacity: 1;

        height: 1px
    }


    .head_nav_met_21_11_1 .lh-about-main .text h3 {

        display: none
    }


    .head_nav_met_21_11_1 .lh-about-main .text h4 {

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-about-main .img {

        position: inherit;

        right: inherit;

        top: inherit;

        transform: translateY(0);

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-jour-h2 {

        font-size: 18px;

        margin: 20px 0 20px
    }


    .head_nav_met_21_11_1 .lh-jour-h2:after {

        bottom: -10px;

        height: 1px
    }


    .head_nav_met_21_11_1 .lh-jour-hd li {

        font-size: 12px;

        margin-left: 25px;

        margin-bottom: 20px;

        width: 50px !important;

        transition: none
    }


    .head_nav_met_21_11_1 .lh-jour-hd {

        margin-left: -25px !important
    }


    .head_nav_met_21_11_1 .lh-about-main {

        margin-top: 0
    }


    .head_nav_met_21_11_1 .lh-vision-bd li {

        padding: 0;

        height: auto !important
    }


    .head_nav_met_21_11_1 .lh-vision-bd li .img {

        width: 100%;

        position: inherit;

        left: 0;

        top: 0;

        transform: translateY(0)
    }


    .head_nav_met_21_11_1 .lh-vision-bd li .text {

        padding-left: 0;

        text-align: center
    }


    .head_nav_met_21_11_1 .lh-vision-h2 b {

        display: block;

        text-align: center;

        margin-bottom: 20px
    }


    .head_nav_met_21_11_1 .lh-vision-h2 b:after {

        left: 50%;

        top: 50px;

        transform: translateX(-50%)
    }


    .head_nav_met_21_11_1 .lh-vision-h2 a {

        font-size: 16px
    }


    .head_nav_met_21_11_1 .lh-vision-h3 {

        padding-left: 0
    }


    .head_nav_met_21_11_1 .lh-vision-tab {

        padding: 0
    }


    .head_nav_met_21_11_1 .lh-vision-bd li {

        opacity: 1
    }


    .head_nav_met_21_11_1 .lh-vision-h2 b {

        margin-right: 0
    }


    .head_nav_met_21_11_1 .lh-vision-bd li.active .img {

        width: 100%
    }


    .head_nav_met_21_11_1 .lh-vision-btn {

        left: 0;

        position: inherit;

        top: 0;

        transform: translateY(0);

        text-align: center;

        margin-top: 20px
    }


    .head_nav_met_21_11_1 .lh-vision-btn a {

        display: inline-block;

        margin: 0 10px;

        border: 1px solid #fff;

        color: #fff;

        width: 35px;

        height: 35px;

        line-height: 35px;

        transform: rotate(-90deg)
    }


    .head_nav_met_21_11_1 .lh-vision-btn a:hover {

        color: #fff;

        border-color: #fff
    }


    .head_nav_met_21_11_1 .lh-vision-bd li:before {

        display: none
    }


    .head_nav_met_21_11_1 .lh-vision-bd li.active .lh-vision-h3,
    .lh-vision-bd li.active .lh-vision-h2 a {

        color: #fff
    }


    .head_nav_met_21_11_1 .lh-vision-bd li.active .img {

        left: 0
    }


    .head_nav_met_21_11_1 .lh-vision-shadow {

        display: none
    }


    .head_nav_met_21_11_1 .lh-vision-bd li.active .lh-vision-h2 b:after {

        background: #fff
    }


    .head_nav_met_21_11_1 .lh-vision-bd li.active .lh-vision-h2,
    .lh-vision-bd li.active .lh-vision-h3 {

        transform: translateY(0)
    }


    .head_nav_met_21_11_1 .lh-business-item {

        margin-top: 10px;

        padding: 0 10px
    }


    .head_nav_met_21_11_1 .lh-business-item li {

        flex: none;

        width: 100%;

        padding: 20px 0;

        border-bottom: 1px dashed #AAA;

        position: relative;

        height: auto
    }


    .head_nav_met_21_11_1 .lh-business-item li:last-child {

        border-bottom: none
    }


    .head_nav_met_21_11_1 .lh-business-item li > i {

        font-size: 32px;

        float: left
    }


    .head_nav_met_21_11_1 .lh-business-item li .img {

        display: none
    }


    .head_nav_met_21_11_1 .lh-business-item li h2 {

        width: 100%;

        transform: translateY(0);

        position: relative;

        margin: 5px 0 0;

        text-align: left;

        padding-left: 90px;

        font-size: 18px
    }


    .head_nav_met_21_11_1 .lh-business-item li h2:after {

        left: 62px;

        top: 50%;

        transform: translate(0, 0)
    }


    .head_nav_met_21_11_1 .lh-business-item li h3 {

        transform: translateY(0);

        margin: 5px 0 0;

        width: 100%
    }


    .head_nav_met_21_11_1 .lh-business-item li a {

        position: absolute;

        right: 10px;

        top: 22px;

        transform: translateY(0)
    }


    .head_nav_met_21_11_1 .lh-business-item li:hover a {

        box-shadow: none;

        background: none;

        width: 30px
    }


    .head_nav_met_21_11_1 .lh-business-item li:hover a span {

        display: none
    }


    .head_nav_met_21_11_1 .lh-business-item li:before {

        display: none
    }


    .head_nav_met_21_11_1 .lh-business {

        background-size: cover
    }


    .head_nav_met_21_11_1 .lh-business-item li a.lh-mobile-more {

        width: 100%;

        height: 100%;

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        z-index: 5
    }


    .head_nav_met_21_11_1 .lh-footer-item {

        width: 100%
    }


    .head_nav_met_21_11_1 #mobBanner .bd li .text h3 {

        display: none
    }


    .head_nav_met_21_11_1 .lh-other-box:before,
    .lh-other-box:after {

        width: 100%;

        background-size: cover
    }


    .head_nav_met_21_11_1 #baiduMap {

        width: 100% !important;

        height: 350px !important
    }


    .head_nav_met_21_11_1 .lh-contact-map {

        padding: 20px 0
    }


    .head_nav_met_21_11_1 .lh-contact-c h2 {

        padding: 0
    }


    .head_nav_met_21_11_1 .lh-courmet-info {

        display: none
    }


    .head_nav_met_21_11_1 .lh-courmet-info.mobile {

        display: block;

        height: auto
    }


    .head_nav_met_21_11_1 .baidumapapp a,
    .head_nav_met_21_11_1 .baidumapwx a {

        width: 100%;

        display: block;

        height: 45px;

        line-height: 45px;

        text-align: center;

        background: #b72024;

        color: #fff;

        border-radius: 3px
    }

}


@keyframes updown {

    0% {

        transform: translateY(0)
    }

    50% {

        transform: translateY(-10px)
    }

    100% {

        transform: translateY(0)
    }

}


@keyframes shadowOpacity {

    0% {

        opacity: 0
    }

    100% {

        opaciy: 1
    }

}


@keyframes mapLine {

    0% {

        width: 0
    }

    100% {

        width: 50%
    }

}


@keyframes mapLine1 {

    0% {

        height: 0
    }

    100% {

        height: 100%
    }

}


.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both
}


.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite
}


.animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s
}


@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)
    }

    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)
    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)
    }

}


@keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -30px, 0);

        -ms-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)
    }

    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        -ms-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)
    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        -ms-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)
    }

}


.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom
}


@-webkit-keyframes flash {

    0%,
    100%,
    50% {

        opacity: 1
    }

    25%,
    75% {

        opacity: 0
    }

}


@keyframes flash {

    0%,
    100%,
    50% {

        opacity: 1
    }

    25%,
    75% {

        opacity: 0
    }

}


.flash {

    -webkit-animation-name: flash;

    animation-name: flash
}


@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


@keyframes pulse {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        -ms-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse
}


@-webkit-keyframes rubberBand {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)
    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1)
    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)
    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)
    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)
    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


@keyframes rubberBand {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        -ms-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)
    }

    40% {

        -webkit-transform: scale3d(0.75, 1.25, 1);

        -ms-transform: scale3d(0.75, 1.25, 1);

        transform: scale3d(0.75, 1.25, 1)
    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        -ms-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)
    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        -ms-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)
    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        -ms-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)
    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand
}


@-webkit-keyframes shake {

    0%,
    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)
    }

}


@keyframes shake {

    0%,
    100% {

        -webkit-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        -ms-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        -ms-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)
    }

}


.shake {

    -webkit-animation-name: shake;

    animation-name: shake
}


@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)
    }

}


@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        -ms-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        -ms-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        -ms-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        -ms-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        -ms-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)
    }

}


.swing {

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing
}


@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


@keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


.tada {

    -webkit-animation-name: tada;

    animation-name: tada
}


@-webkit-keyframes wobble {

    0% {

        -webkit-transform: none;

        transform: none
    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {

        -webkit-transform: none;

        transform: none
    }

}


@keyframes wobble {

    0% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble
}


@-webkit-keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)
    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


@keyframes bounceIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        -ms-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        -ms-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        -ms-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        -ms-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)
    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)
    }

}


.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

    -webkit-animation-duration: .75s;

    animation-duration: .75s
}


@-webkit-keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)
    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)
    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)
    }

    100% {

        -webkit-transform: none;

        transform: none
    }

}


@keyframes bounceInDown {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        -ms-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        -ms-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)
    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        -ms-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)
    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        -ms-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)
    }

    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown
}


@-webkit-keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)
    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)
    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)
    }

    100% {

        -webkit-transform: none;

        transform: none
    }

}


@keyframes bounceInLeft {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        -ms-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        -ms-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)
    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        -ms-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)
    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        -ms-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)
    }

    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft
}


@-webkit-keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)
    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)
    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)
    }

    100% {

        -webkit-transform: none;

        transform: none
    }

}


@keyframes bounceInRight {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        -ms-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        -ms-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)
    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        -ms-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)
    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        -ms-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)
    }

    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight
}


@-webkit-keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)
    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)
    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)
    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)
    }

}


@keyframes bounceInUp {

    0%,
    100%,
    60%,
    75%,
    90% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        -ms-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)
    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        -ms-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)
    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        -ms-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)
    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        -ms-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)
    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)
    }

}


.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp
}


@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

}


@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        -ms-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        -ms-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

}


.bounceOut {

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

    -webkit-animation-duration: .75s;

    animation-duration: .75s
}


@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)
    }

}


@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        -ms-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        -ms-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        -ms-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)
    }

}


.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown
}


@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)
    }

}


@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        -ms-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        -ms-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)
    }

}


.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft
}


@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)
    }

}


@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        -ms-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        -ms-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)
    }

}


.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight
}


@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)
    }

}


@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        -ms-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        -ms-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        -ms-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)
    }

}


.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp
}


@-webkit-keyframes fadeIn {

    0% {

        opacity: 0
    }

    100% {

        opacity: 1
    }

}


@keyframes fadeIn {

    0% {

        opacity: 0
    }

    100% {

        opacity: 1
    }

}


.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn
}


@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        -ms-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown
}


@-webkit-keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        -ms-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig
}


@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        -ms-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft
}


@-webkit-keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        -ms-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig
}


@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight
}


@-webkit-keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        -ms-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig
}


@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        -ms-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp
}


@-webkit-keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        -ms-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig
}


@-webkit-keyframes fadeOut {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0
    }

}


@keyframes fadeOut {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0
    }

}


.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut
}


@-webkit-keyframes fadeOutDown {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)
    }

}


@keyframes fadeOutDown {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        -ms-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)
    }

}


.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown
}


@-webkit-keyframes fadeOutDownBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)
    }

}


@keyframes fadeOutDownBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        -ms-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)
    }

}


.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig
}


@-webkit-keyframes fadeOutLeft {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)
    }

}


@keyframes fadeOutLeft {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        -ms-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)
    }

}


.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft
}


@-webkit-keyframes fadeOutLeftBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)
    }

}


@keyframes fadeOutLeftBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        -ms-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)
    }

}


.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig
}


@-webkit-keyframes fadeOutRight {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)
    }

}


@keyframes fadeOutRight {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)
    }

}


.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight
}


@-webkit-keyframes fadeOutRightBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)
    }

}


@keyframes fadeOutRightBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        -ms-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)
    }

}


.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig
}


@-webkit-keyframes fadeOutUp {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)
    }

}


@keyframes fadeOutUp {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        -ms-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)
    }

}


.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp
}


@-webkit-keyframes fadeOutUpBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)
    }

}


@keyframes fadeOutUpBig {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        -ms-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)
    }

}


.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig
}


@-webkit-keyframes flip {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out
    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out
    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in
    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in
    }

    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in
    }

}


@keyframes flip {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out
    }

    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out
    }

    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in
    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        -ms-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in
    }

    100% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in
    }

}


.animated.flip {

    -webkit-backface-visibility: visible;

    -ms-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip
}


@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)
    }

}


@keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)
    }

}


.flipInX {

    -webkit-backface-visibility: visible !important;

    -ms-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX
}


@-webkit-keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)
    }

}


@keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in;

        opacity: 0
    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-transition-timing-function: ease-in;

        transition-timing-function: ease-in
    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1
    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)
    }

}


.flipInY {

    -webkit-backface-visibility: visible !important;

    -ms-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY
}


@-webkit-keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1
    }

    100% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0
    }

}


@keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1
    }

    100% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0
    }

}


.flipOutX {

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-backface-visibility: visible !important;

    -ms-backface-visibility: visible !important;

    backface-visibility: visible !important
}


@-webkit-keyframes flipOutY {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1
    }

    100% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0
    }

}


@keyframes flipOutY {

    0% {

        -webkit-transform: perspective(400px);

        -ms-transform: perspective(400px);

        transform: perspective(400px)
    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1
    }

    100% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0
    }

}


.flipOutY {

    -webkit-backface-visibility: visible !important;

    -ms-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

    -webkit-animation-duration: .75s;

    animation-duration: .75s
}


@-webkit-keyframes lightSpeedIn {

    0% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0
    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1
    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1
    }

    100% {

        -webkit-transform: none;

        transform: none;

        opacity: 1
    }

}


@keyframes lightSpeedIn {

    0% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0
    }

    60% {

        -webkit-transform: skewX(20deg);

        -ms-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1
    }

    80% {

        -webkit-transform: skewX(-5deg);

        -ms-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1
    }

    100% {

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1
    }

}


.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out
}


@-webkit-keyframes lightSpeedOut {

    0% {

        opacity: 1
    }

    100% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0
    }

}


@keyframes lightSpeedOut {

    0% {

        opacity: 1
    }

    100% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0
    }

}


.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in
}


@-webkit-keyframes rotateIn {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1
    }

}


@keyframes rotateIn {

    0% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        -ms-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1
    }

}


.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn
}


@-webkit-keyframes rotateInDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1
    }

}


@keyframes rotateInDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        -ms-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1
    }

}


.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft
}


@-webkit-keyframes rotateInDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1
    }

}


@keyframes rotateInDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        -ms-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1
    }

}


.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight
}


@-webkit-keyframes rotateInUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1
    }

}


@keyframes rotateInUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        -ms-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1
    }

}


.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft
}


@-webkit-keyframes rotateInUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1
    }

}


@keyframes rotateInUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        -ms-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0
    }

    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none;

        opacity: 1
    }

}


.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight
}


@-webkit-keyframes rotateOut {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0
    }

}


@keyframes rotateOut {

    0% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: center;

        -ms-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        -ms-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0
    }

}


.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut
}


@-webkit-keyframes rotateOutDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate(0, 0, 1, 45deg);

        transform: rotate(0, 0, 1, 45deg);

        opacity: 0
    }

}


@keyframes rotateOutDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate(0, 0, 1, 45deg);

        -ms-transform: rotate(0, 0, 1, 45deg);

        transform: rotate(0, 0, 1, 45deg);

        opacity: 0
    }

}


.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft
}


@-webkit-keyframes rotateOutDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0
    }

}


@keyframes rotateOutDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        -ms-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0
    }

}


.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight
}


@-webkit-keyframes rotateOutUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0
    }

}


@keyframes rotateOutUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: left bottom;

        -ms-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        -ms-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0
    }

}


.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft
}


@-webkit-keyframes rotateOutUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0
    }

}


@keyframes rotateOutUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1
    }

    100% {

        -webkit-transform-origin: right bottom;

        -ms-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        -ms-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0
    }

}


.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight
}


@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out
    }

    20%,
    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out
    }

    40%,
    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1
    }

    100% {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0
    }

}


@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        -ms-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out
    }

    20%,
    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        -ms-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        -ms-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out
    }

    40%,
    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        -ms-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        -ms-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1
    }

    100% {

        -webkit-transform: translate3d(0, 700px, 0);

        -ms-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0
    }

}


.hinge {

    -webkit-animation-name: hinge;

    animation-name: hinge
}


@-webkit-keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none
    }

}


@keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none
    }

}


.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn
}


@-webkit-keyframes rollOut {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }

}


@keyframes rollOut {

    0% {

        opacity: 1
    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }

}


.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut
}


@-webkit-keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

    50% {

        opacity: 1
    }

}


@keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

    50% {

        opacity: 1
    }

}


.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn
}


@-webkit-keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


@keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown
}


@-webkit-keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


@keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft
}


@-webkit-keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


@keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight
}


@-webkit-keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


@keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp
}


@-webkit-keyframes zoomOut {

    0% {

        opacity: 1
    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

    100% {

        opacity: 0
    }

}


@keyframes zoomOut {

    0% {

        opacity: 1
    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)
    }

    100% {

        opacity: 0
    }

}


.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut
}


@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        -ms-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown
}


@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center
    }

}


@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        -ms-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        -ms-transform-origin: left center;

        transform-origin: left center
    }

}


.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft
}


@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center
    }

}


@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        -ms-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        -ms-transform-origin: right center;

        transform-origin: right center
    }

}


.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight
}


@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }

    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        -ms-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }

}


.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp
}


.layui-m-layer {

    position: relative;

    z-index: 19891014
}


.layui-m-layer * {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box
}


.layui-m-layermain,
.layui-m-layershade {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%
}


.layui-m-layershade {

    background-color: rgba(0, 0, 0, .7);

    pointer-events: auto
}


.layui-m-layermain {

    display: table;

    font-family: Helvetica, arial, sans-serif;

    pointer-events: none
}


.layui-m-layermain .layui-m-layersection {

    display: table-cell;

    vertical-align: middle;

    text-align: center
}


.layui-m-layerchild {

    position: relative;

    display: inline-block;

    text-align: left;

    background-color: #fff;

    font-size: 14px;

    border-radius: 5px;

    box-shadow: 0 0 8px rgba(0, 0, 0, .1);

    pointer-events: auto;

    -webkit-overflow-scrolling: touch;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-duration: .2s;

    animation-duration: .2s
}


@-webkit-keyframes layui-m-anim-scale {

    0% {

        opacity: 0;

        -webkit-transform: scale(.5);

        transform: scale(.5)
    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)
    }

}


@keyframes layui-m-anim-scale {

    0% {

        opacity: 0;

        -webkit-transform: scale(.5);

        transform: scale(.5)
    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)
    }

}


.layui-m-anim-scale {

    animation-name: layui-m-anim-scale;

    -webkit-animation-name: layui-m-anim-scale
}


@-webkit-keyframes layui-m-anim-up {

    0% {

        opacity: 0;

        -webkit-transform: translateY(800px);

        transform: translateY(800px)
    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)
    }

}


@keyframes layui-m-anim-up {

    0% {

        opacity: 0;

        -webkit-transform: translateY(800px);

        transform: translateY(800px)
    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)
    }

}


.layui-m-anim-up {

    -webkit-animation-name: layui-m-anim-up;

    animation-name: layui-m-anim-up
}


.layui-m-layer0 .layui-m-layerchild {

    width: 90%;

    max-width: 640px
}


.layui-m-layer1 .layui-m-layerchild {

    border: none;

    border-radius: 0
}


.layui-m-layer2 .layui-m-layerchild {

    width: auto;

    max-width: 260px;

    min-width: 40px;

    border: none;

    background: 0 0;

    box-shadow: none;

    color: #fff
}


.layui-m-layerchild h3 {

    padding: 0 10px;

    height: 60px;

    line-height: 60px;

    font-size: 16px;

    font-weight: 400;

    border-radius: 5px 5px 0 0;

    text-align: center
}


.layui-m-layerbtn span,
.layui-m-layerchild h3 {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap
}


.layui-m-layercont {

    padding: 50px 30px;

    line-height: 22px;

    text-align: center
}


.layui-m-layer1 .layui-m-layercont {

    padding: 0;

    text-align: left
}


.layui-m-layer2 .layui-m-layercont {

    text-align: center;

    padding: 0;

    line-height: 0
}


.layui-m-layer2 .layui-m-layercont i {

    width: 25px;

    height: 25px;

    margin-left: 8px;

    display: inline-block;

    background-color: #fff;

    border-radius: 100%;

    -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;

    animation: layui-m-anim-loading 1.4s infinite ease-in-out;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both
}


.layui-m-layerbtn,
.layui-m-layerbtn span {

    position: relative;

    text-align: center;

    border-radius: 0 0 5px 5px
}


.layui-m-layer2 .layui-m-layercont p {

    margin-top: 20px
}


@-webkit-keyframes layui-m-anim-loading {

    0%,
    100%,
    80% {

        transform: scale(0);

        -webkit-transform: scale(0)
    }

    40% {

        transform: scale(1);

        -webkit-transform: scale(1)
    }

}


@keyframes layui-m-anim-loading {

    0%,
    100%,
    80% {

        transform: scale(0);

        -webkit-transform: scale(0)
    }

    40% {

        transform: scale(1);

        -webkit-transform: scale(1)
    }

}


.layui-m-layer2 .layui-m-layercont i:first-child {

    margin-left: 0;

    -webkit-animation-delay: -.32s;

    animation-delay: -.32s
}


.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {

    -webkit-animation-delay: -.16s;

    animation-delay: -.16s
}


.layui-m-layer2 .layui-m-layercont > div {

    line-height: 22px;

    padding-top: 7px;

    margin-bottom: 20px;

    font-size: 14px
}


.layui-m-layerbtn {

    display: flex;

    width: 100%;

    height: 50px;

    line-height: 50px;

    font-size: 0;

    border-top: 1px solid #D0D0D0;

    background-color: #F2F2F2
}


.layui-m-layerbtn span {

    display: block;

    -moz-box-flex: 1;

    box-flex: 1;

    -webkit-box-flex: 1;

    font-size: 14px;

    cursor: pointer
}


.layui-m-layerbtn span[yes] {

    color: #40AFFE
}


.layui-m-layerbtn span[no] {

    border-right: 1px solid #D0D0D0;

    border-radius: 0 0 0 5px
}


.layui-m-layerbtn span:active {

    background-color: #F6F6F6
}


.layui-m-layerend {

    position: absolute;

    right: 7px;

    top: 10px;

    width: 30px;

    height: 30px;

    border: 0;

    font-weight: 400;

    background: 0 0;

    cursor: pointer;

    -webkit-appearance: none;

    font-size: 30px
}


.layui-m-layerend::after,
.layui-m-layerend::before {

    position: absolute;

    left: 5px;

    top: 15px;

    content: '';

    width: 18px;

    height: 1px;

    background-color: #999;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    border-radius: 3px
}


.layui-m-layerend::after {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg)
}


body .layui-m-layer .layui-m-layer-footer {

    position: fixed;

    width: 95%;

    max-width: 100%;

    margin: 0 auto;

    left: 0;

    right: 0;

    bottom: 10px;

    background: 0 0
}


.layui-m-layer-footer .layui-m-layercont {

    padding: 20px;

    border-radius: 5px 5px 0 0;

    background-color: rgba(255, 255, 255, .8)
}


.layui-m-layer-footer .layui-m-layerbtn {

    display: block;

    height: auto;

    background: 0 0;

    border-top: none
}


.layui-m-layer-footer .layui-m-layerbtn span {

    background-color: rgba(255, 255, 255, .8)
}


.layui-m-layer-footer .layui-m-layerbtn span[no] {

    color: #FD482C;

    border-top: 1px solid #c2c2c2;

    border-radius: 0 0 5px 5px
}


.layui-m-layer-footer .layui-m-layerbtn span[yes] {

    margin-top: 10px;

    border-radius: 5px
}


body .layui-m-layer .layui-m-layer-msg {

    width: auto;

    max-width: 90%;

    margin: 0 auto;

    bottom: -150px;

    background-color: rgba(0, 0, 0, .7);

    color: #fff
}


.layui-m-layer-msg .layui-m-layercont {

    padding: 10px 20px
}


.mCSB_container {

    width: auto;

    margin-right: 30px;

    overflow: hidden
}


.mCSB_container.mCS_no_scrollbar {

    margin-right: 0
}


.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {

    margin-right: 30px
}


.mCustomScrollBox > .mCSB_scrollTools {

    width: 16px;

    height: 100%;

    top: 0;

    right: 0
}


.mCSB_scrollTools .mCSB_draggerContainer {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    height: auto
}


.mCSB_scrollTools a + .mCSB_draggerContainer {

    margin: 20px 0
}


.mCSB_scrollTools .mCSB_draggerRail {

    width: 2px;

    height: 100%;

    margin: 0 auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px
}


.mCSB_scrollTools .mCSB_dragger {

    cursor: pointer;

    width: 100%;

    height: 30px
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 4px;

    height: 100%;

    margin: 0 auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    text-align: center
}


.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {

    display: block;

    position: relative;

    height: 20px;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer
}


.mCSB_scrollTools .mCSB_buttonDown {

    top: 100%;

    margin-top: -40px
}


.mCSB_horizontal > .mCSB_container {

    height: auto;

    margin-right: 0;

    margin-bottom: 30px;

    overflow: hidden
}


.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {

    margin-bottom: 0
}


.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {

    margin-right: 0;

    margin-bottom: 30px
}


.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {

    width: 100%;

    height: 16px;

    top: auto;

    right: auto;

    bottom: 0;

    left: 0;

    overflow: hidden
}


.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {

    margin: 0 20px
}


.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {

    width: 100%;

    height: 2px;

    margin: 7px 0;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px
}


.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {

    width: 30px;

    height: 100%
}


.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px
}


.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {

    display: block;

    position: relative;

    width: 20px;

    height: 100%;

    overflow: hidden;

    margin: 0 auto;

    cursor: pointer;

    float: left
}


.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {

    margin-left: -40px;

    float: right
}


.mCustomScrollBox {

    -ms-touch-action: none
}


.mCustomScrollBox > .mCSB_scrollTools {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}


.mCustomScrollBox:hover > .mCSB_scrollTools {

    opacity: 1;

    filter: "alpha(opacity=100)";

    -ms-filter: "alpha(opacity=100)"

}


.mCSB_scrollTools .mCSB_draggerRail {

    background: #000;

    background: rgba(0, 0, 0, .4);

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #fff;

    background: rgba(255, 255, 255, .75);

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}


.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background: rgba(255, 255, 255, .85);

    filter: "alpha(opacity=85)";

    -ms-filter: "alpha(opacity=85)"

}


.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background: rgba(255, 255, 255, .9);

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}


.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {

    /* background-image: url(../img/mcsb_buttons.png); */

    background-repeat: no-repeat;

    opacity: .4;

    filter: "alpha(opacity=40)";

    -ms-filter: "alpha(opacity=40)"

}


.mCSB_scrollTools .mCSB_buttonUp {

    background-position: 0 0
}


.mCSB_scrollTools .mCSB_buttonDown {

    background-position: 0 -20px
}


.mCSB_scrollTools .mCSB_buttonLeft {

    background-position: 0 -40px
}


.mCSB_scrollTools .mCSB_buttonRight {

    background-position: 0 -56px
}


.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {

    opacity: .75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)"

}


.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {

    opacity: .9;

    filter: "alpha(opacity=90)";

    -ms-filter: "alpha(opacity=90)"

}


.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {

    background: #000;

    background: rgba(0, 0, 0, .15)
}


.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #000;

    background: rgba(0, 0, 0, .75)
}


.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .85)
}


.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .9)
}


.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px 0
}


.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -20px
}


.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -40px
}


.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -56px
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background: #fff;

    background: rgba(255, 255, 255, .1);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 4px;

    background: #fff;

    background: rgba(255, 255, 255, .75);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}


.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0
}


.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background: rgba(255, 255, 255, .85)
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background: rgba(255, 255, 255, .9)
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {

    background-position: -32px 0
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {

    background-position: -32px -20px
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -40px -40px
}


.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {

    background-position: -40px -56px
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background: #000;

    background: rgba(0, 0, 0, .1);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 4px;

    background: #000;

    background: rgba(0, 0, 0, .75);

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px
}


.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0
}


.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 4px;

    margin: 6px auto
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .85)
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .9)
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {

    background-position: -112px 0
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {

    background-position: -112px -20px
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -120px -40px
}


.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {

    background-position: -120px -56px
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background: #fff;

    background: rgba(255, 255, 255, .1);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px;

    background: #fff;

    background: rgba(255, 255, 255, .75);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}


.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0
}


.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 6px;

    margin: 5px auto
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background: rgba(255, 255, 255, .85)
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background: rgba(255, 255, 255, .9)
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {

    background-position: -16px 0
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {

    background-position: -16px -20px
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -20px -40px
}


.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {

    background-position: -20px -56px
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {

    width: 4px;

    background: #000;

    background: rgba(0, 0, 0, .1);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 6px;

    background: #000;

    background: rgba(0, 0, 0, .75);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px
}


.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {

    width: 100%;

    height: 4px;

    margin: 6px 0
}


.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 6px;

    margin: 5px auto
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .85)
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .9)
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {

    background-position: -96px 0
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {

    background-position: -96px -20px
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -100px -40px
}


.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {

    background-position: -100px -56px
}


.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {

    background: #fff;

    background: rgba(255, 255, 255, .1)
}


.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px
}


.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {

    width: 100%
}


.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 2px;

    margin: 7px auto
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {

    background: #000;

    background: rgba(0, 0, 0, .15)
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 2px;

    background: #000;

    background: rgba(0, 0, 0, .75)
}


.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {

    width: 100%
}


.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 100%;

    height: 2px;

    margin: 7px auto
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .85)
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {

    background: rgba(0, 0, 0, .9)
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {

    background-position: -80px 0
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {

    background-position: -80px -20px
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {

    background-position: -80px -40px
}


.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {

    background-position: -80px -56px
}


.pp-section {

    height: 100%;

    position: absolute;

    width: 100%
}


.pp-easing {

    -webkit-transition: all 1s cubic-bezier(.55, .085, 0, .99);

    -moz-transition: all 1s cubic-bezier(.55, .085, 0, .99);

    -o-transition: all 1s cubic-bezier(.55, .085, 0, .99);

    transition: all 1s cubic-bezier(.55, .085, 0, .99);

    -webkit-transition-timing-function: cubic-bezier(.55, .085, 0, .99);

    -moz-transition-timing-function: cubic-bezier(.55, .085, 0, .99);

    -o-transition-timing-function: cubic-bezier(.55, .085, 0, .99);

    transition-timing-function: cubic-bezier(.55, .085, 0, .99)
}


#pp-nav {

    position: fixed;

    z-index: 100;

    margin-top: -32px;

    top: 50%;

    opacity: 1
}


#pp-nav.right {

    right: 17px
}


#pp-nav.left {

    left: 17px
}


.pp-section.pp-table {

    display: table
}


.pp-tableCell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%
}


.pp-slidesNav {

    position: absolute;

    z-index: 4;

    left: 50%;

    opacity: 1
}


.pp-slidesNav.bottom {

    bottom: 17px
}


.pp-slidesNav.top {

    top: 17px
}


#pp-nav ul,
.pp-slidesNav ul {

    margin: 0;

    padding: 0
}


#pp-nav li,
.pp-slidesNav li {

    display: block;

    width: 14px;

    height: 13px;

    margin: 7px;

    position: relative
}


.pp-slidesNav li {

    display: inline-block
}


#pp-nav li a,
.pp-slidesNav li a {

    display: block;

    position: relative;

    z-index: 1;

    width: 100%;

    height: 100%;

    cursor: pointer;

    text-decoration: none
}


#pp-nav li .active span,
.pp-slidesNav .active span {

    background: #333
}


#pp-nav span,
.pp-slidesNav span {

    top: 2px;

    left: 2px;

    width: 8px;

    height: 8px;

    border: 1px solid #000;

    background: rgba(0, 0, 0, 0);

    border-radius: 50%;

    position: absolute;

    z-index: 1
}


.pp-tooltip {

    position: absolute;

    top: -2px;

    color: #fff;

    font-size: 14px;

    font-family: arial, helvetica, sans-serif;

    white-space: nowrap;

    max-width: 220px
}


.pp-tooltip.right {

    right: 20px
}


.pp-tooltip.left {

    left: 20px
}


.pp-scrollable {

    overflow-y: scroll;

    height: 100%
}


.swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    z-index: 1
}


.swiper-container-no-flexbox .swiper-slide {

    float: left
}


.swiper-container-vertical > .swiper-wrapper {

    -webkit-box-orient: vertical;

    -moz-box-orient: vertical;

    -ms-flex-direction: column;

    -webkit-flex-direction: column;

    flex-direction: column
}


.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box
}


.swiper-container-android .swiper-slide,
.swiper-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate(0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)
}


.swiper-container-multirow > .swiper-wrapper {

    -webkit-box-lines: multiple;

    -moz-box-lines: multiple;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap
}


.swiper-container-free-mode > .swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -ms-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto
}


.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex: 0 0 auto;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative
}


.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {

    height: auto
}


.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

    -webkit-transition-property: -webkit-transform, height;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform, height
}


.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000
}


.swiper-wp8-horizontal {

    -ms-touch-action: pan-y;

    touch-action: pan-y
}


.swiper-wp8-vertical {

    -ms-touch-action: pan-x;

    touch-action: pan-x
}


.swiper-button-next,
.swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    -moz-background-size: 27px 44px;

    -webkit-background-size: 27px 44px;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat
}


.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none
}


.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    left: 10px;

    right: auto
}


.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}


.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}


.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    right: 10px;

    left: auto
}


.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}


.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}


.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    -webkit-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 10
}


.swiper-pagination.swiper-pagination-hidden {

    opacity: 0
}


.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%
}


.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2
}


button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    box-shadow: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -webkit-appearance: none;

    appearance: none
}


.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer
}


.swiper-pagination-white .swiper-pagination-bullet {

    background: #fff
}


.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff
}


.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff
}


.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000
}


.swiper-container-vertical > .swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    -o-transform: translate(0, -50%);

    -ms-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)
}


.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 5px 0;

    display: block
}


.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px
}


.swiper-pagination-progress {

    background: rgba(0, 0, 0, .25);

    position: absolute
}


.swiper-pagination-progress .swiper-pagination-progressbar {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    -moz-transform-origin: left top;

    -ms-transform-origin: left top;

    -o-transform-origin: left top;

    transform-origin: left top
}


.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {

    -webkit-transform-origin: right top;

    -moz-transform-origin: right top;

    -ms-transform-origin: right top;

    -o-transform-origin: right top;

    transform-origin: right top
}


.swiper-container-horizontal > .swiper-pagination-progress {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0
}


.swiper-container-vertical > .swiper-pagination-progress {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0
}


.swiper-pagination-progress.swiper-pagination-white {

    background: rgba(255, 255, 255, .5)
}


.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {

    background: #fff
}


.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {

    background: #000
}


.swiper-container-3d {

    -webkit-perspective: 1200px;

    -moz-perspective: 1200px;

    -o-perspective: 1200px;

    perspective: 1200px
}


.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d
}


.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10
}


.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}


.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {

    -ms-perspective: 1200px
}


.swiper-container-cube,
.swiper-container-flip {

    overflow: visible
}


.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1
}


.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none
}


.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto
}


.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden
}


.swiper-container-cube .swiper-slide {

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%
}


.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    -moz-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0
}


.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible
}


.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0
}


.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -ms-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out
}


.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity
}


.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none
}


.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto
}


.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: flex;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    text-align: center
}


.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain
}


.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, .1)
}


.swiper-container-horizontal > .swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%
}


.swiper-container-vertical > .swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%
}


.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, .5);

    border-radius: 10px;

    left: 0;

    top: 0
}


.swiper-scrollbar-cursor-drag {

    cursor: move
}


.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    -moz-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    animation: swiper-preloader-spin 1s steps(12, end) infinite
}


.swiper-lazy-preloader:after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-position: 50%;

    -webkit-background-size: 100%;

    background-size: 100%;

    background-repeat: no-repeat
}


.swiper-lazy-preloader-white:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}


@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg)
    }

}


@keyframes swiper-preloader-spin {

    100% {

        transform: rotate(360deg)
    }

}


.banner_met_21_4_2 {

    width: 100%;

    height: auto;

    display: table
}


.banner_met_21_4_2.slick-slider {

    display: block
}


.banner_met_21_4_2 .slick-list,
.banner_met_21_4_2 .slick-track {

    height: 100%
}


.banner_met_21_4_2 .slick-slide {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

    display: block
}


.banner_met_21_4_2 .slick-slide a {

    width: 100%;

    height: 100%;

    display: block;

    left: 0;

    top: 0
}


.banner_met_21_4_2 .slick-slide img {

    display: none
}


.banner_met_21_4_2 .slick-slide:nth-child(1) img {

    display: block !important;

    height: auto
}


.banner_met_21_4_2 .animation-fade {

    -webkit-animation-duration: .66s !important;

    -o-animation-duration: .66s !important;

    animation-duration: .66s !important
}


@media (max-width: 767px) {

    .banner_met_21_4_2 .slick-dots {

        bottom: 5px
    }


    .banner_met_21_4_2 .slick-dots li {

        width: 15px;

        height: 15px;

        margin: 0
    }

}


.banner_met_21_4_2 .slick-arrow {

    width: 40px;

    height: 40px;

    top: 50%;

    text-align: center;

    display: none !important;

    z-index: 1;

    position: absolute
}


.banner_met_21_4_2 .slick-arrow:before {

    display: none
}


.banner_met_21_4_2:hover .slick-arrow {

    display: block
}


.banner_met_21_4_2 .slick-arrow.slick-prev {

    background: #dc372b;


    opacity: .58;

    left: 20px
}


.banner_met_21_4_2 .slick-arrow.slick-prev i {

    /* background: url(../ui/banner/met_21_4/img/jiantou.png) repeat 0 0 */
}


.banner_met_21_4_2 .slick-arrow.slick-next {

    background: #dc372b;


    opacity: .58;

    right: 20px
}


.banner_met_21_4_2 .slick-arrow.slick-next i {

    /* background: url(../ui/banner/met_21_4/img/jiantou.png) repeat -39px 0 */
}


.banner_met_21_4_2 .slick-arrow:hover {

    opacity: .9;

    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);

    transition: all .66s cubic-bezier(.17, .84, .44, 1)
}


.banner_met_21_4_2 .slick-arrow:hover i {

    opacity: 1;

    -moz-opacity: 1;

    filter: alpha(opacity=100)
}


.banner_met_21_4_2 .slick-arrow i {

    font-size: 0;

    color: #fff !important;

    opacity: .5;

    -moz-opacity: .5;

    filter: alpha(opacity=50);

    position: absolute;

    top: 0;

    left: 0;

    width: 40px;

    height: 40px
}


@media (max-width: 767px) {

    .banner_met_21_4_2 .slick-arrow i {

        font-size: 50px
    }

}


.banner_met_21_4_2 .slick-dots {

    margin: 0;

    bottom: 20px
}


.banner_met_21_4_2 .slick-dots li {

    margin: 0 2px
}


@media (max-width: 991px) {
}


@media (min-width: 768px) {

    .banner_met_21_4_2:hover .slick-arrow {

        display: block !important
    }

}


@media (max-width: 767px) {

    .banner_met_21_4_2 .slick-dots {

        bottom: 5px
    }

}


.banner_met_21_4_2 .banner-text {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0
}


.banner_met_21_4_2 .banner-text .container {

    height: 100%;

    display: table;

    text-align: center
}


.banner_met_21_4_2 .banner-text .container .banner-text-con {

    display: table-cell;

    vertical-align: middle
}


.banner_met_21_4_2 .banner-text.p-0 .container {

    text-align: left
}


.banner_met_21_4_2 .banner-text.p-0 .container .banner-text-con div {

    width: 60%;

    float: left
}


.banner_met_21_4_2 .banner-text.p-1 .container {

    text-align: right
}


.banner_met_21_4_2 .banner-text.p-1 .container .banner-text-con div {

    width: 60%;

    float: right
}


.banner_met_21_4_2 .banner-text.p-2 {

    top: 10%
}


.banner_met_21_4_2 .banner-text.p-2 .container .banner-text-con {

    vertical-align: top
}


.banner_met_21_4_2 .banner-text.p-3 {

    top: auto;

    bottom: 10%
}


.banner_met_21_4_2 .banner-text.p-3 .container .banner-text-con {

    vertical-align: bottom
}


.banner_met_21_4_2 .banner-text.p-2 .container .banner-text-con div,
.banner_met_21_4_2 .banner-text.p-3 .container .banner-text-con div,
.banner_met_21_4_2 .banner-text.p-4 .container .banner-text-con div {

    width: 60%;

    display: inline-block
}


.banner_met_21_4_2 .banner-text h3,
.banner_met_21_4_2 .banner-text p {

    color: #fff
}


.banner_met_21_4_2 .banner-text h3 {

    margin: 0;

    font-size: 42px
}


.banner_met_21_4_2 .banner-text p {

    font-size: 28px;

    margin: 20px 0 0;

    text-shadow: none
}


.banner_met_21_4_2 .banner-text .btn {

    margin-top: 30px;

    font-size: 20px
}


.banner_met_21_4_2 .swiper-slide {

    width: 100% !important;

    /* max-width: 100 vw */
}


.banner_met_21_4_2 .cover-image {

    max-width: 100vw
}


.banner_met_21_4_2 .swiper-hd {

    position: absolute;

    top: 50%;

    margin-top: -170px;

    z-index: 200;

    width: 50px !important;

    left: 90%
}


.banner_met_21_4_2 .swiper-hd li {

    display: block;

    width: 50px;

    height: 50px;

    background: none;

    opacity: 1;

    margin: 30px 0 !important;

    position: relative;

    transition: ease .65s
}


.banner_met_21_4_2 .swiper-hd li i {

    overflow: hidden;

    display: block;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 2px solid;

    border-color: #dc372b;


    text-align: center;

    line-height: 50px;

    color: #dc372b;

    font-size: 24px;

    position: relative;

    z-index: 5;

    transition: ease .65s
}


.banner_met_21_4_2 .swiper-hd li:before {

    content: '';

    display: block;

    width: 1px;

    height: 20px;

    position: absolute;

    left: 50%;

    top: -25px;

    background: #dc372b;

}


.banner_met_21_4_2 .swiper-hd li:last-child:after {

    content: '';

    display: block;

    width: 1px;

    height: 20px;

    position: absolute;

    left: 50%;

    bottom: -25px;

    background: #dc372b;

    background:

}


.banner_met_21_4_2 .swiper-hd li span {

    padding: 0 20px;

    display: block;

    height: 30px;

    border-radius: 30px;

    background: #dc372b;

    line-height: 30px;

    margin-top: -14px;

    z-index: -1;

    transition: ease-in .65s
}


.banner_met_21_4_2 .swiper-hd li.swiper-pagination-bullet-active i {

    background: #dc372b;


    box-shadow: 0 0 8px rgba(12, 3, 6, .38);

    transform: rotate(180deg)
}


.banner_met_21_4_2 .swiper-hd li.swiper-pagination-bullet-active i {

    color: #ffffff
}


.banner_met_21_4_2 .swiper-hd li.swiper-pagination-bullet-active span {

    -webkit-transition: all .25s ease-out;

    -moz-transition: all .25s ease-out;

    -ms-transition: all .25s ease-out;

    -o-transition: all .25s ease-out;

    transition: all .25s ease-out;

    transition-delay: .65s;

    white-space: nowrap;

    left: 0;

    display: none
}


.banner_met_21_4_2 .swiper-hd li.swiper-pagination-bullet-active span:after {

    transition: ease .65s
}


.banner_met_21_4_2 .swiper-hd li span {

    color: #ffffff;

    position: absolute;

    white-space: nowrap;

    top: 50%;

    opacity: 0
}


.banner_met_21_4_2 .swiper-hd li.swiper-pagination-bullet-active span:after {

    opacity: 1;

    transition-delay: 1.3s;

    transform: translateX(0)
}


.banner_met_21_4_2 .lh-mobile-banner {

    display: none
}


.banner_met_21_4_2 .swiper-pagination-bullet.swiper-pagination-bullet-active span {

    opacity: 1
}


@media screen and (max-width: 768px) {

    .banner_met_21_4_2 .lh-mobile-banner,
    .banner_met_21_4_2 .lh-footer.other .lh-wapAbout-h2 {

        display: block
    }


    .banner_met_21_4_2 .lh-banner,
    .banner_met_21_4_2 .lh-about-main:before,
    .banner_met_21_4_2 .lh-about-main:after,
    .banner_met_21_4_2 .lh-about-main .line:before,
    .banner_met_21_4_2 .lh-about-main .line:after {

        display: none
    }


    .banner_met_21_4_2 .swiper-hd {

        position: inherit;

        width: 100% !important;

        text-align: center;

        margin: 30px 0 0 0;

        right: inherit
    }


    .banner_met_21_4_2 .swiper-hd li {

        display: inline-block;

        margin: 0 15px !important;

        width: 35px;

        height: 35px
    }


    .banner_met_21_4_2 .swiper-hd li i {

        width: 35px;

        height: 35px;

        text-align: center;

        line-height: 35px;

        font-size: 18px
    }


    .banner_met_21_4_2 .swiper-hd li:before {

        width: 20px;

        height: 1px;

        left: -25px;

        top: 50%
    }


    .banner_met_21_4_2 .swiper-hd li:last-child:after {

        width: 20px;

        height: 1px;

        right: -25px;

        top: 50%;

        left: inherit
    }


    .banner_met_21_4_2 .swiper-hd li span {

        display: block;

        background: none;

        width: 30px !important;

        height: 20px;

        line-height: 20px;

        left: 50%;

        top: 40px;

        transform: translateX(0);

        margin-top: 0
    }


    .banner_met_21_4_2 .swiper-hd li span:after {

        opacity: 1 !important;

        color: #b72024 !important;

        transform: translateX(0) !important;

        left: 0 !important;

        width: 30px;

        text-align: center
    }

}


@media (max-width: 991px) {

    .banner_met_21_4_2 .banner-text h3 {

        font-size: 30px
    }


    .banner_met_21_4_2 .banner-text p {

        font-size: 20px
    }


    .banner_met_21_4_2 .swiper-hd {

        width: 100vw !important;

        left: 0 !important
    }

}


@media (max-width: 767px) {

    .banner_met_21_4_2 .banner-text .container {

        width: 100%
    }


    .banner_met_21_4_2 .banner-text.p-4 .container .banner-text-con {

        width: 100%
    }


    .banner_met_21_4_2 .banner-text h3 {

        font-size: 24px
    }


    .banner_met_21_4_2 .banner-text p {

        margin-top: 15px;

        font-size: 18px
    }


    .banner_met_21_4_2 .banner-text .btn {

        margin-top: 20px;

        font-size: 16px
    }

}


@media (max-width: 479px) {

    .banner_met_21_4_2 .banner-text h3 {

        font-size: 20px
    }


    .banner_met_21_4_2 .banner-text p {

        margin-top: 10px;

        font-size: 16px
    }

}


.banner_met_21_4_2-ny {

    background-color: #ffffff;


    height: 120px
}


.banner_met_21_4_2-ny h1 {

    margin: 0px;

    padding: 10px 30px;

    font-size: 35px;

    text-shadow: none;

    color: #333333;

}


.link_met_11_1_43 {

    background-color: #ffffff;

}


.link_met_11_1_43 .breadcrumb-item {

    float: none;

    display: inline-block;

    padding: 0 5px
}


.link_met_11_1_43 .breadcrumb-item.split {

    padding: 0
}


.link_met_11_1_43 .breadcrumb-item a {

    color: #666666;


    transition: color 0.2s ease-out
}


.link_met_11_1_43 .breadcrumb-item a:hover {

    color: #dc372b;

}


.link_met_11_1_43 .breadcrumb-item + .breadcrumb-item::before {

    color: #666666;

}


.link_met_11_1_43 .breadcrumb-item:nth-child(1) {

    color: #333333;


    font-size: 16px
}


.link_met_11_1_43 .container {

    border-bottom: 1px solid #eee;

    border-top: 1px solid #eee;

    border-bottom: 1px solid;

    border-top: 1px solid
}


.link_met_11_1_43 .breadcrumb-item + .breadcrumb-item::before {

    display: none
}


.link_met_11_1_43 .breadcrumb-item + .breadcrumb-item.split::before {

    display: inline-block
}


@media (max-width: 767px) {

    .link_met_11_1_43 .container {

        text-align: left
    }

}


.foot_info_met_16_3_3 {

    background-color: #ffffff;

    background-color: #333333;

    color: #333333;

    color: #ffffff;

    font-size: 12px;

    padding: 20px 0px
}

.foot_info_met_16_3_3 a {

    color: #333333;

    color: #ffffff
}


.foot_info_met_16_3_3 .footnav a:hover,
.foot_info_met_16_3_3 .footnav a:hover span {

    color: #dc372b !important;
}


.foot_info_met_16_3_3 .btn-outline.btn-default {

    color: #333333;

    color: #ffffff;

    border-color: #e4eaec;

    font-size: 12px
}


.foot_info_met_16_3_3 .powered_by_metinfo a {

    color: #dc372b;
}


.foot_info_met_16_3_3.border-top1 {

    border-color: #333333
}


footer {

    line-height: 1.8
}


footer p {

    margin-bottom: 0px
}


footer .met-langlist {

    margin-top: 10px
}


.met-langlist li {

    display: inline-block;

    list-style: none
}


.met-langlist .btn-lang .flag-icon {

    margin-right: 3px
}


.met-langlist .dropdown-menu {

    min-width: 0;

    width: 100%
}


.met-langlist .dropdown-menu .dropdown-item {

    white-space: nowrap
}


#met-langlist-modal .modal-body .close {

    position: absolute;

    right: 10px;

    top: 0px
}


#met-langlist-modal a.btn {

    border: none;

    font-size: 16px;

    height: 50px;

    line-height: 50px
}


#met-langlist-modal .flag-icon {

    margin-right: 8px;

    top: 7px;

    font-size: 30px
}


.foot_info_met_16_3_3 .footnav {

    margin-bottom: 15px
}


.foot_info_met_16_3_3 .footnav a {

    padding: 0 25px;

    height: 17px;

    line-height: 17px;

    white-space: nowrap
}


.foot_info_met_16_3_3 .footnav a + a {

    border-left: 1px solid;

    border-color: #e4eaec
}


.foot_info_met_16_3_3 .btn-outline.btn-default.active,
.foot_info_met_16_3_3 .btn-outline.btn-default:active,
.foot_info_met_16_3_3 .btn-outline.btn-default:focus,
.foot_info_met_16_3_3 .btn-outline.btn-default:hover,
.foot_info_met_16_3_3 .open > .btn-outline.btn-default.dropdown-toggle {

    background-color: #f3f7f9;

    border-color: #f3f7f9;

    color: #dc372b;

}


@media (max-width: 479px) {

    .met-langlist .btn-lang {

        padding-left: 5px;

        padding-right: 5px
    }


    .foot_info_met_16_3_3 .footnav a {

        padding: 0 15px
    }

}


.foot_info_met_16_3_3_bottom {

    overflow: hidden;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999;

    width: 100%
}


.foot_info_met_16_3_3_bottom a.item {

    color: #ffffff;

    padding: 5px 0;

    display: inline-block
}


.foot_info_met_16_3_3_bottom a.item i {

    color: #ffffff;

    font-size: 16px;

    display: block
}


.foot_info_met_16_3_3_bottom {

    display: none
}


.foot_info_met_16_3_3_bottom.iskeshi {

    display: block
}


.foot_info_met_16_3_3_bottom .main {

    display: flex
}


.foot_info_met_16_3_3_bottom .main > div {

    flex: 1
}


@media (max-width: 767px) {

    .foot_info_met_16_3_3_bottom {

        display: block
    }

}


.back_top_met_36_1_4.cd-top {

    display: inline-block;

    height: 40px;

    width: 40px;

    z-index: 9;

    position: fixed;

    bottom: 100px;

    right: 10px;

    color: #333333;

    color: #ffffff;

    border-radius: 50%;

    font-size: 26px;

    text-align: center;

    line-height: 32px;

    border-color: #333333;


    border-width: 2px;

    border-style: solid;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

    overflow: hidden;

    white-space: nowrap;

    background-color: #ffffff;

    background-color: #dc372b;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: opacity .3s 0s, visibility 0s .3s;

    -moz-transition: opacity .3s 0s, visibility 0s .3s;

    transition: opacity .3s 0s, visibility 0s .3s;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out
}


.back_top_met_36_1_4.cd-top.cd-is-visible,
.back_top_met_36_1_4.cd-top.cd-fade-out,
.no-touch .cd-top:hover {

    -webkit-transition: opacity .3s 0s, visibility 0s 0s;

    -moz-transition: opacity .3s 0s, visibility 0s 0s;

    -o-transition: opacity .3s 0s, visibility 0s 0s;

    -ms-transition: opacity .3s 0s, visibility 0s 0s;

    transition: opacity .3s 0s, visibility 0s 0s
}


.back_top_met_36_1_4.cd-top.cd-is-visible {

    visibility: visible;

    opacity: 0.5
}


.back_top_met_36_1_4.cd-top.cd-fade-out {

    opacity: .5
}


.back_top_met_36_1_4.cd-top:hover {

    background-color: #dc372b;

    background-color: #ffffff;

    opacity: 1;

    color: #666666;

    color: #ffffff;

    border-color: #666666;

    border-color: #e02a2a
}


@media (max-width: 767px) {

    .back_top_met_36_1_4.cd-top {

        bottom: 67px
    }

}


.about_list_met_36_3_6.met-index-body {

    padding: 70px 0;

    background-color: #ffffff;
}


@media (max-width: 991px) {

    .about_list_met_36_3_6.met-index-body {

        padding: 50px 0
    }

}


@media (max-width: 767px) {

    .about_list_met_36_3_6.met-index-body {

        padding: 20px 0
    }

}


.about_list_met_36_3_6 .heading {

    margin-bottom: 40px
}


.about_list_met_36_3_6 .heading h2 {

    color: #333333;


    font-size: 20px;

    margin: 0px;

    margin-bottom: 20px
}


.about_list_met_36_3_6 .heading hr {

    border: none;

    position: relative;

    margin: 0px;

    height: 1px;

    width: 100%;

    background-color: #ffffff
}


.about_list_met_36_3_6 .heading hr:before {

    height: 2px;

    background: #666666;


    content: "";

    position: absolute;

    top: -1px;

    width: 90px;

    left: 0px
}


.about_list_met_36_3_6 .heading hr.center:before {

    height: 2px;

    background: #666666;


    content: "";

    position: absolute;

    top: -1px;

    width: 90px;

    left: 0px;

    right: 0px;

    overflow: auto;

    margin: auto
}


.about_list_met_36_3_6.tlir .container_content,
.about_list_met_36_3_6.tril .container_content {

    position: relative
}


.about_list_met_36_3_6 .container_content {

    clear: both
}


.about_list_met_36_3_6.tlir .contentbody {

    float: left;

    background-color: #333333;


    width: 50%;

    padding: 62px 90px
}


.about_list_met_36_3_6.horizontal .contentbody .wrapper {

    background-color: #333333;

}


.about_list_met_36_3_6.tril .container_content .contentbody .wrapper,
.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper {

    padding-top: 0px
}


.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper .header {

    padding: 0;

    position: relative
}


.about_list_met_36_3_6.tril .container_content .contentbody .wrapper .header,
.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper .header {

    padding: 0;

    position: relative
}


.about_list_met_36_3_6 .wrapper .header .title {

    color: #666666;

    color: #dc372b;

    font-size: 18px;

    float: left
}


.about_list_met_36_3_6 .wrapper .header .subtitle {

    color: #666666;

    color: #cccccc;

    font-size: 13px;

    float: left;

    margin-left: 12px;

    line-height: 36px;

    vertical-align: sub
}


.about_list_met_36_3_6 .container_content .contentbody .wrapper .header:after {

    content: '';

    display: block;

    clear: both
}


.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper .description {

    margin-top: 0;

    color: rgba(73, 73, 73, 0.65);

    line-height: 30px
}


.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper .description .my-desc {

    color: #dc372b;

    color: #ffffff
}


.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper .description,
.about_list_met_36_3_6.tril .container_content .contentbody .wrapper .description {

    max-width: 700px;

    margin: auto
}


.about_list_met_36_3_6.tril .mediabody,
.about_list_met_36_3_6.tlir .mediabody {

    position: relative
}


.about_list_met_36_3_6.tlir .mediabody {

    float: right;

    width: 50%;

    padding-left: 22px
}


.about_list_met_36_3_6.tlir .container_content .mediabody .image,
.about_list_met_36_3_6.tril .container_content .mediabody .image {

    max-width: 100%;

    position: relative;

    z-index: 2;

    box-shadow: 0 13px 21px rgba(20, 7, 10, 0.31)
}


.about_list_met_36_3_6.tlir .mediabody:after {

    left: -28px
}


.about_list_met_36_3_6.tril .mediabody:after,
.about_list_met_36_3_6.tlir .mediabody:after {

    content: '';

    width: 495px;

    height: 116px;

    position: absolute;

    top: 10vw;

    left: 7vw;

    background-color: #333333;

}


.about_list_met_36_3_6 .clear {

    clear: both
}


.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper .description a,
.about_list_met_36_3_6.tril .container_content .contentbody .wrapper .description a {

    transition: all 0.36s ease;

    border: 1px solid rgba(170, 170, 170, 0.2);

    display: inline-block;

    font-size: 14px;

    line-height: 30px;

    color: #666666;


    margin-bottom: 20px;

    width: 100px;

    padding: 0;

    height: 30px;

    border-radius: 50px;

    text-align: center;

    background: #fff
}


.about_list_met_36_3_6.tlir .container_content .contentbody .wrapper .description a:hover,
.about_list_met_36_3_6.tril .container_content .contentbody .wrapper .description a:hover {

    color: #dc372b;
}


@media (max-width: 1024px) {

    .about_list_met_36_3_6.tril .mediabody:after,
    .about_list_met_36_3_6.tlir .mediabody:after {

        width: 400px
    }


    .about_list_met_36_3_6.tlir .container_content .mediabody .image,
    .about_list_met_36_3_6.tril .container_content .mediabody .image {

        max-width: 98%
    }

}


@media (max-width: 768px) {

    .about_list_met_36_3_6.tlir .contentbody {

        width: 100%
    }


    .about_list_met_36_3_6.tlir .mediabody {

        width: 100%;

        padding-top: 20px
    }


    .about_list_met_36_3_6.tril .mediabody:after,
    .about_list_met_36_3_6.tlir .mediabody:after {

        width: 495px
    }

}


@media (max-width: 767px) {

    .about_list_met_36_3_6.tlir .contentbody {

        width: 100%
    }


    .about_list_met_36_3_6.tlir .mediabody {

        width: 100%;

        padding-top: 20px
    }


    .about_list_met_36_3_6.tlir .container_content .mediabody .image,
    .about_list_met_36_3_6.tril .container_content .mediabody .image {

        width: 100%
    }


    .about_list_met_36_3_6.tril .mediabody:after,
    .about_list_met_36_3_6.tlir .mediabody:after {

        width: 100%;

        left: 0
    }


    .about_list_met_36_3_6.tlir .contentbody {

        padding: 34px 16px
    }

}


.service_list_met_16_8_5 {

    position: relative;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat
}


.service_list_met_16_8_5.background {

    background-image: url('./../images/1538207849.jpg')
}


.service_list_met_16_8_5.color {

}


.service_list_met_16_8_5 .overlay-panel {

    color: #333333;

}


.service_list_met_16_8_5.swiper-slide-active .container {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)
}


.service_list_met_16_8_5 .container {

    padding: 30px 0
}


.service_list_met_16_8_5 .head {

    text-align: left
}


.service_list_met_16_8_5 .head h3 {

    color: #333333;

    color: #ffffff;

    font-size: 72px;

    font-weight: 600;

    margin: 0
}


.service_list_met_16_8_5 .head .line {

    font-size: 26px;

    display: block;

    color: #666666;

    color: #eeeeee
}


.service_list_met_16_8_5 .service_list {

    border: 1px solid;

    border-color: #dc372b;

    border-color: #666666
}


.service_list_met_16_8_5 .service_list .li {

    margin-bottom: 0;

    position: relative;

    text-align: left;

    height: 239px;

    cursor: pointer;

    position: relative;

    border: 1px solid;

    border-color: #dc372b;

    border-color: #666666;

    padding: 0
}


.service_list_met_16_8_5 .service_list .li .table-content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80%
}


.service_list_met_16_8_5 .service_list img {
    max-width: 100%;
    width: 48px
}


.service_list_met_16_8_5 .line-bg {

    width: 40px;

    height: 1px;

    border-bottom: 1px solid #ffffff
}


.service_list_met_16_8_5 .service_list .table-right p {

    color: #333333;

    color: #ffffff
}


.service_list_met_16_8_5 .service_list .showbg {

    width: 100%;

    height: 100%;

    background: #dc372b;

    position: absolute;

    left: 0;

    right: 0;

    z-index: 1;

    display: none
}


.service_list_met_16_8_5 .service_list .show2 {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80%
}


.service_list_met_16_8_5 .show2 .line-bg {

    margin: 0 auto
}


.service_list_met_16_8_5 .service_list .show2 .t3 {

    font-size: 22px;

    color: #333333;

    color: #ffffff
}


.service_list_met_16_8_5 .service_list .show2 .t4 {

    margin: 10px 0;

    color: #666666;

    color: #eeeeee
}


.service_list_met_16_8_5 .service_list .table-left {

    height: 48px;

    overflow: hidden
}


.service_list_met_16_8_5 .service_list .li:hover .showbg {

    display: block
}


@media (max-width: 1024px) {

    .service_list_met_16_8_5 .head h3 {

        font-size: 58px
    }


    .service_list_met_16_8_5 .head {

        text-align: center;

        margin-bottom: 20px
    }


    .service_list_met_16_8_5 .line-bg {

        margin: 0 auto
    }


    .service_list_met_16_8_5 .service_list img {

        margin: 0 auto
    }


    .service_list_met_16_8_5 .service_list .li .table-content {

        text-align: center
    }


    .service_list_met_16_8_5 .container {

        padding: 30px 0
    }


    .service_list_met_16_8_5 .head .line {

        margin-top: 0px
    }

}


@media (max-width: 991px) {

    .service_list_met_16_8_5 .container {

        position: static;

        transform: none
    }

}


@media (max-width: 766px) {

    .service_list_met_16_8_5 {

        min-height: auto
    }


    .service_list_met_16_8_5 .container {

        padding: 25px 15px
    }


    .service_list_met_16_8_5 .service_list .show2 .t4 {

        font-size: 14px
    }

}


.product_list_met_36_7_41.met-index-body {

    padding: 70px 0;

    background-color: #ffffff;
}


@media (max-width: 768px) {

    .product_list_met_36_7_41.met-index-body {

        padding: 50px 0
    }

}


@media (max-width: 767px) {

    .product_list_met_36_7_41.met-index-body {

        padding: 20px 0
    }

}


.product_list_met_36_7_41 .best-room {

    background: #f8f8f8
}


.product_list_met_36_7_41 .best-room_nav {

    margin-bottom: 50px;

    text-align: center
}


.product_list_met_36_7_41 .best-room_nav a {

    position: relative;

    display: inline-block;

    margin: 0 -2.5px;

    text-align: center;

    color: #111111;

    font-size: 13px;

    line-height: 12px;

    text-transform: uppercase;

    padding: 16px 30px;

    border-top: 1px solid #f1f1f1;

    border-right: 1px solid #f1f1f1;

    border-bottom: 1px solid #f1f1f1
}


.product_list_met_36_7_41 .best-room_nav a:first-child {

    border-left: 1px solid #f1f1f1
}


.product_list_met_36_7_41 .best-room_nav a:hover,
.product_list_met_36_7_41 .best-room_nav a:focus,
.product_list_met_36_7_41 .best-room_nav a.active {

    background-color: #9CCC65;

    color: #fff
}


.product_list_met_36_7_41 .best-room_nav a:hover:after,
.product_list_met_36_7_41 .best-room_nav a:focus:after,
.product_list_met_36_7_41 .best-room_nav a.active:after {

    content: '';

    position: absolute;

    bottom: -1px;

    left: 50%;

    margin-left: -5px;

    width: 0;

    height: 0;

    border-bottom: 5px solid #fff;

    border-right: 5px solid transparent;

    border-left: 5px solid transparent
}


.product_list_met_36_7_41 .best-room-carousel {

    position: relative
}


.product_list_met_36_7_41 .best-room_ul {

    padding: 0;

    list-style: none;

    margin-bottom: 0
}


.product_list_met_36_7_41 .best-room_li {

    margin-bottom: 30px;

    padding: 20px 10px !important
}


.product_list_met_36_7_41 .best-room-info {

    padding: 30px;

    -webkit-transition: border-color 0.25s linear;

    -moz-transition: border-color 0.25s linear;

    -ms-transition: border-color 0.25s linear;

    -o-transition: border-color 0.25s linear;

    transition: border-color 0.25s linear;

    background: #fff
}


.product_list_met_36_7_41 .best-room_li:hover .best-room-info {

    border-color: #9CCC65
}


.product_list_met_36_7_41 .best-room_img {

    position: relative
}


.product_list_met_36_7_41 .best-room_img::after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-bottom: 20px solid white;

    position: relative;

    margin: -20px auto 0
}


.product_list_met_36_7_41 .best-room_img img {

    width: 100%;

    height: auto

}

.product_list_met_36_7_41 .best-room_img:hover .best-room_img_image{
    transform: scale(1.2);
}
.product_list_met_36_7_41 .best-room_img:hover .best-room_overlay{
    opacity: 1;
}

.product_list_met_36_7_41 .best-room_img .best-room_overlay {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    -webkit-transition: 0.3s all linear;

    -moz-transition: 0.3s all linear;

    -ms-transition: 0.3s all linear;

    -o-transition: 0.3s all linear;

    transition: 0.3s all linear
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_icn {

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

    margin-left: -22px;

    width: 44px;

    height: 44px;

    margin-top: -22px
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_icn span {

    color: #dc372b;

    display: block;

    width: 100%;

    height: 100%;

    position: relative
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_icn span::before {

    content: '';

    display: block;

    width: 44px;

    height: 1px;

    background-color: #dc372b;


    position: absolute;

    top: 50%
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_icn span::after {

    content: '';

    display: block;

    width: 1px;

    height: 44px;

    background-color: #dc372b;


    position: absolute;

    left: 50%
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_txt {

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-left: -33px;

    opacity: 0
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_txt a {

    color: #fff
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_txt a:after {

    content: "\2192";

    padding-left: 10px;

    color: #9CCC65;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_btn {

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 80px;

    margin-left: -40px;

    opacity: 0
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay .overlay_btn .btn {

    height: auto;

    line-height: 40px
}


/* .product_list_met_36_7_41 .best-room_img .best-room_overlay:hover {

    opacity: 1
} */


.product_list_met_36_7_41 .best-room_img .best-room_overlay:hover .overlay_icn {

    opacity: 1;

    -webkit-transition: 0.3s all linear;

    -moz-transition: 0.3s all linear;

    -ms-transition: 0.3s all linear;

    -o-transition: 0.3s all linear;

    transition: 0.3s all linear;

    top: 50%
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay:hover .overlay_txt {

    opacity: 1;

    -webkit-transition: 0.3s all linear;

    -moz-transition: 0.3s all linear;

    -ms-transition: 0.3s all linear;

    -o-transition: 0.3s all linear;

    transition: 0.3s all linear;

    bottom: 30%
}


.product_list_met_36_7_41 .best-room_img .best-room_overlay:hover .overlay_btn {

    opacity: 1;

    -webkit-transition: 0.3s all linear;

    -moz-transition: 0.3s all linear;

    -ms-transition: 0.3s all linear;

    -o-transition: 0.3s all linear;

    transition: 0.3s all linear;

    bottom: 35%
}


.product_list_met_36_7_41 .best-room_t {

    margin-bottom: 10px;

    text-align: center;

    font-family: Montserrat
}


.product_list_met_36_7_41 .best-room_t a {

    font-size: 19px;

    font-weight: 400;

    color: #333333;


    display: inline-block;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}


.product_list_met_36_7_41 .best-room_t a span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block
}


.product_list_met_36_7_41 .best-room_desc {

    margin-bottom: 15px;

    text-align: center
}


.product_list_met_36_7_41 .best-room_price {

    text-align: center;

    font-size: 18px;

    font-weight: 400
}


.product_list_met_36_7_41 .best-room_price span {

    color: #666666;

}


.product_list_met_36_7_41 .best-room_footer {

    margin-top: 15px
}


.product_list_met_36_7_41 .best-room_footer .footer_el {

    float: left;

    width: 25%;

    padding: 10px 0;

    font-size: 13px;

    text-align: center;

    border-right: 1px solid #eee;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee
}


.product_list_met_36_7_41 .best-room_footer .footer_el i {

    color: #9CCC65;

    margin-right: 5px
}


.product_list_met_36_7_41 .best-room_footer .footer_el.__bed {

    border-left: 1px solid #eee
}


.product_list_met_36_7_41 h2.mytitle {

    font-size: 36px;

    color: #333333;


    text-align: center
}


.product_list_met_36_7_41 p.desc {

    padding: 0 10%;

    font-size: 16px;

    color: #666666 !important;

    text-align: center;

    margin-bottom: 20px !important
}


.product_list_met_36_7_41 .btn.pill {

    border-radius: 5px
}


.product_list_met_36_7_41 .btn.btn-brand {

    background-color: #333333;


    color: #ffffff;

    border-color: #333333;


    width: 130px;

    margin: 10px;

    opacity: 1;

    display: block;

    width: 120px;

    margin: 0 auto;

    margin-top: 20px
}


.product_list_met_36_7_41 .btn {

    display: inline-block;

    margin-bottom: 0;

    text-align: center;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    padding: 6px 12px;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.78571;

    border-radius: 4px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none
}


.product_list_met_36_7_41 .btn.btn-brand:hover {

    color: #ffffff;

    background-color: #dc372b;


    border-color: #dc372b;

}


@media (max-width: 767px) {

    .product_list_met_36_7_41 .best-room_li {

        padding: 0 5px !important;

        padding-bottom: 10px !important
    }


    .product_list_met_36_7_41 .best-room_ul {

        margin: 0 -5px
    }

}


.news_list_met_16_4_42.met-index-body {

    background: #ffffff
}


.news_list_met_16_4_42.met-index-body {

    padding: 70px 0px
}


.news_list_met_16_4_42 .title a {

    margin-top: 0px;

    text-align: center;

    font-weight: 300;

    color: #333333;


    margin-bottom: 11px
}


.news_list_met_16_4_42 .title-icon {

    width: 30px;

    height: 5px;

    margin: 0 auto;

    background: #dc372b;

    background:

}


.news_list_met_16_4_42 p.title-ch {

    font-weight: 300;

    text-align: center;

    width: 80%;

    color: #666666;


    margin: 14px auto
}


.news_list_met_16_4_42 li {

    margin: 25px 0 0;

    padding: 0 25px;

    position: relative
}


.news_list_met_16_4_42 li h4 {

    margin: 0;

    font-size: 15px
}


.news_list_met_16_4_42 li a {

    color: #333333;


    text-decoration: none;

    width: 80%
}


.news_list_met_16_4_42 li a,
.news_list_met_16_4_42 li a span {

    display: inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis
}


.news_list_met_16_4_42 li a:hover,
.news_list_met_16_4_42 li a:hover span {

    color: #dc372b !important;
}


.news_list_met_16_4_42 ul.blocks-2 li span.updatetime {

    font-size: 12px;

    color: #333333;


    position: absolute;

    top: 3px
}


.news_list_met_16_4_42 ul.blocks-2 li:before {

    content: '';

    width: 6px;

    height: 6px;

    background-color: #333333;


    border-radius: 50%;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -3px
}


@media (max-width: 1024px) {
    .news_list_met_16_4_42.met-index-body {

        padding: 60px 0px
    }

}


@media (max-width: 767px) {
    .service_list .li {
        width: 100%;
    }

    .news_list_met_16_4_42.met-index-body {

        padding: 50px 0px
    }


    .news_list_met_16_4_42 ul.blocks-2 li {

        width: 100% !important
    }


    .news_list_met_16_4_42 li {

        margin: 25px 0 0;

        padding: 0 15px;

        position: relative
    }


    .news_list_met_16_4_42 ul.blocks-2 li:before {

        content: '';

        position: absolute;

        left: 0px;

        top: 50%;

        margin-top: -3px
    }


    .news_list_met_16_4_42 .title a {

        font-size:

    }


    .news_list_met_16_4_42 p.title-ch {

    }

}


.link_met_11_1_10 {

    background-color: #ffffff;

}


.link_met_11_1_10 .breadcrumb-item {

    float: none;

    display: inline-block;

    padding: 0 5px
}


.link_met_11_1_10 .breadcrumb-item.split {

    padding: 0
}


.link_met_11_1_10 .breadcrumb-item a {

    color: #666666;


    transition: color 0.2s ease-out
}


.link_met_11_1_10 .breadcrumb-item a:hover {

    color: #dc372b;
}


.link_met_11_1_10 .breadcrumb-item + .breadcrumb-item::before {

    color: #666666;

}


.link_met_11_1_10 .breadcrumb-item:nth-child(1) {

    color: #333333;


    font-size: 16px
}


.link_met_11_1_10 .container {

    border-bottom: 1px solid #eee;

    border-top: 1px solid #eee;

    border-bottom: 1px solid;

    border-top: 1px solid
}


.link_met_11_1_10 .breadcrumb-item + .breadcrumb-item::before {

    display: none
}


.link_met_11_1_10 .breadcrumb-item + .breadcrumb-item.split::before {

    display: inline-block
}

.product_title {
    margin-top: 2em;
    height: 70px;
    width: 80%;
    margin-left: 10%;
}

.product_h3 {
    display: inline-block;
    margin-right: 10px;
}

.service_scope_title,
.partner_title {
    width: 80%;
    margin: 0 auto;
    text-align: center !important;
    display: flex;
    justify-content: center;
}

.title_line {
    width: 200px;
    margin-top: 20px;
    border-top: 3px solid #ccc;
}

.title_text {
    text-align: center;
    vertical-align: -16%;
    font-size: 2em;
    padding: 0 10px;
}

.service_scope_list {
    margin-top: 30px;
}

.service_scope_detail {
    width: 33%;
    float: left;
}

.service_scope_detail .img_border {
    border: 3px solid #ccc;
    width: 70%;
    margin-left: 15%;
    margin-bottom: 20px;
}

.service_scope_detail img {
    width: 100%;
    position: relative;
    bottom: 20px;
    right: 24px;
}

.service_scope_text {
    text-align: left;

}

.service_scope_text .eng {
    font-size: 0.8em;
}

.service_scope_text .title {
    font-size: 1.3em;
    font-weight: bold;
    margin-left: 5%;
}

.service_scope_text .content {
    line-height: 1.5;
    margin-left: 5%;
}

.split_images {
    margin-top: 20px;
    height: 150px;
}

.split_images img {
    float: left;
}

.news_list {
    margin-top: 30px;
    margin-bottom: 30px;
}

.news_list a {
    color: #000;
}

.news_detail {
    width: 100%;
    padding: 30px;
    float: left;
}

.news_detail:hover {
    box-shadow: 0px 10px 50px rgba(34, 25, 25, 0.2);
}

.news_detail:hover .news_title {
    color: #1e50ae;
}

.news_detail img {
    width: 270px;
    height: 130px;
}

.news_detail .news_title {
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 20px;
}

.news_detail .news_time {
    color: #808080;
}

.news_detail .news_desc {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.action_about_us_list {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    margin: 50px auto;
}

.action_about_us_list p {
    margin-bottom: 0;
}

.action_about_us_list p span {
    font-size: 2.5em;
}

.action_video_markerting img {
    width: 35%;
    float: left;
}

.action_video_markerting .video_list {
    width: 60%;
    margin-left: 1%;
    float: left;
}

.action_video_markerting .video_list .video1 {
    width: 500px;
    height: 333px;
    float: left;
}

.action_video_markerting .video_list .video2 {
    width: 255px;
    height: 463px;
    float: right;
}

.action_video_markerting .video_list .video3 {
    width: 250px;
    height: 120px;
    float: left;
    margin-top: 10px;
}

.action_video_markerting .video_list .video4 {
    width: 240px;
    height: 120px;
    float: left;
    margin: 10px auto auto 10px;
}

.action_video_markerting video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.action_img_list {
    margin: 30px auto;
}

@media (max-width: 767px) {

    .link_met_11_1_10 .container {

        text-align: left
    }

    .product_title {
        margin-top: 2em;
        height: auto;
        width: 100%;
        margin-left: 0;
    }


    .product_h3 {
        width: 100%;
    }


    .service_scope {
        text-align: center;
    }

    .title_line,
    .service_scope_text .eng,
    .service_scope_text .content {
        display: none;
    }

    .split_images {
        height: 0;
    }

    .action_about_us_list {
        width: 100%;
    }

    .action_video_markerting {
        display: none;
    }

    .action_img_list img {
        width: 100%;
    }

}
